updating names cont.

client/src/components/Canvas/Canvas.jsx

@@ -1,11 +1,10 @@
-import { Box } from "@chakra-ui/react";
-import GlobalMapCanvas from "./views/GlobalMap";
-import RegionalMapCanvas from "./views/RegionalMap";
-import VolcanoCanvas from "./views/Volcano";
-import AdminCanvas from "./views/Admin";
-import AccountCanvas from "./views/Account"
-import SettingsCanvas from "./views/Settings"
-import { HomeCanvas } from "./views/Home";
+import GlobalMap from "./views/GlobalMap";
+import RegionalMap from "./views/RegionalMap";
+import Volcano from "./views/Volcano";
+import Admin from "./views/Admin";
+import Account from "./views/Account"
+import Settings from "./views/Settings"
+import Home from "./views/Home";
 import { DASHBOARD_VIEWS } from "@/constants/viewKeys";
 
 export default function Canvas({...props}) {
@@ -14,14 +13,14 @@ export default function Canvas({...props}) {
         <>
             {/* Check if view is a tab inside the Canvas Header */}
             { DASHBOARD_VIEWS.includes(view) && (
-                <HomeCanvas width="100%" height="100%" {...props}/>
+                <Home width="100%" height="100%" {...props}/>
             )}
-            {view === "global" && <GlobalMapCanvas />}
-            {view === "regional" && <RegionalMapCanvas />}
-            {view === "volcano" && <VolcanoCanvas />}
-            {view === "admin" && <AdminCanvas />}
-            {view === "account" && <AccountCanvas />}
-            {view === "settings" && <SettingsCanvas />}
+            {view === "global" && <GlobalMap />}
+            {view === "regional" && <RegionalMap />}
+            {view === "volcano" && <Volcano />}
+            {view === "admin" && <Admin />}
+            {view === "account" && <Account />}
+            {view === "settings" && <Settings />}
         </>
     );
 }