Add functional links between Sidebar nav buttons and Canvas views

client/src/components/layout/Canvas/Canvas.jsx

@@ -1,22 +1,24 @@
 // This Canvas component will be used to dynamically populate 
 // the main canvas section of the web App with a default state
 // of 'WidgetCanvas' 
-import { useState } from "react";
+
 import { Box } from "@chakra-ui/react";
 import CanvasHeader from "./CanvasHeader";
 import WidgetCanvas from "./views/WidgetCanvas";
-// import MapCanvas from "./views/MapCanvas";
-// import AdminCanvas from "./views/AdminCanvas";
+import GlobalMapCanvas from "./views/GlobalMapCanvas";
+import RegionalMapCanvas from "./views/RegionalMapCanvas";
+import VolcanoCanvas from "./views/VolcanoCanvas";
+import AdminCanvas from "./views/AdminCanvas";
 
 export default function Canvas({ view }) {
-    // const [view, setView] = useState("widget");
-
     return (
         <Box height="100%" width="100%">
             <CanvasHeader />
             {view === "widget" && <WidgetCanvas />}
-            {/* {view === "map" && <MapCanvas />} */}
-            {/* {view === "admin" && <AdminCanvas />} */}
+            {view === "global" && <GlobalMapCanvas />}
+            {view === "regional" && <RegionalMapCanvas />}
+            {view === "volcano" && <VolcanoCanvas />}
+            {view === "admin" && <AdminCanvas />}
         </Box>
     );
 }