Web-Frontend/client/src/components/Canvas/Canvas.jsx

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}) {
  const { view } = props;
    return (
        <>
            {/* Check if view is a tab inside the Canvas Header */}
            { DASHBOARD_VIEWS.includes(view) && (
                <Home width="100%" height="100%" {...props}/>
            )}
            {view === "global" && <GlobalMap />}
            {view === "regional" && <RegionalMap />}
            {view === "volcano" && <Volcano />}
            {view === "admin" && <Admin />}
            {view === "account" && <Account />}
            {view === "settings" && <Settings />}
        </>
    );
}