76 lines
2.4 KiB
TypeScript
76 lines
2.4 KiB
TypeScript
import React, { useEffect } from "react";
|
|
import ModuleToggle from "../components/ui/ModuleToggle";
|
|
import SideBarLeft from "../components/layout/sidebarLeft/SideBarLeft";
|
|
import SideBarRight from "../components/layout/sidebarRight/SideBarRight";
|
|
import useModuleStore from "../store/useModuleStore";
|
|
import RealTimeVisulization from "../components/ui/componets/RealTimeVisulization";
|
|
import Tools from "../components/ui/Tools";
|
|
import Scene from "../modules/scene/scene";
|
|
import {
|
|
useSocketStore,
|
|
useFloorItems,
|
|
useOrganization,
|
|
useUserName,
|
|
useWallItems,
|
|
useZones,
|
|
} from "../store/store";
|
|
import { useNavigate } from "react-router-dom";
|
|
import { usePlayButtonStore } from "../store/usePlayButtonStore";
|
|
import SimulationUI from "../modules/simulation/simulationUI";
|
|
import MarketPlace from "../modules/market/MarketPlace";
|
|
|
|
const Project: React.FC = () => {
|
|
let navigate = useNavigate();
|
|
const { activeModule } = useModuleStore();
|
|
|
|
const { userName, setUserName } = useUserName();
|
|
const { organization, setOrganization } = useOrganization();
|
|
const { setFloorItems } = useFloorItems();
|
|
const { setWallItems } = useWallItems();
|
|
const { setZones } = useZones();
|
|
|
|
useEffect(() => {
|
|
setFloorItems([]);
|
|
setWallItems([]);
|
|
setZones([]);
|
|
const email = localStorage.getItem("email");
|
|
if (email) {
|
|
useSocketStore.getState().initializeSocket(email);
|
|
const Organization = email!.split("@")[1].split(".")[0];
|
|
const name = localStorage.getItem("userName");
|
|
if (Organization && name) {
|
|
setOrganization(Organization);
|
|
setUserName(name);
|
|
}
|
|
} else {
|
|
navigate("/");
|
|
}
|
|
}, []);
|
|
const { isPlaying } = usePlayButtonStore();
|
|
|
|
return (
|
|
<div className="project-main">
|
|
{!isPlaying && <ModuleToggle />}
|
|
{!isPlaying && <SideBarLeft />}
|
|
{!isPlaying && <SideBarRight />}
|
|
{activeModule === "visualization" && <RealTimeVisulization />}
|
|
{activeModule === "market" && <MarketPlace />}
|
|
{/* {activeModule !== "visualization" && <Scene />} */}
|
|
<Tools />
|
|
|
|
{/* <Scene /> */}
|
|
{/* <SimulationUI /> */}
|
|
<div
|
|
className="canvas-container"
|
|
style={{ height: "100vh", width: "100vw" }}
|
|
>
|
|
{activeModule !== "visualization" && activeModule !== "market" && (
|
|
<Scene />
|
|
)}
|
|
</div>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default Project;
|