upstream pull + signIn/Up

app/src/pages/Project.tsx

@@ -6,7 +6,14 @@ 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 {
+  useSocketStore,
+  useFloorItems,
+  useOrganization,
+  useUserName,
+  useWallItems,
+  useZones,
+} from "../store/store";
 import { useNavigate } from "react-router-dom";
 import SimulationUI from "../modules/simulation/simulationUI";
 
@@ -24,11 +31,11 @@ const Project: React.FC = () => {
     setFloorItems([]);
     setWallItems([]);
     setZones([]);
-    const email = localStorage.getItem('email')
+    const email = localStorage.getItem("email");
     if (email) {
       useSocketStore.getState().initializeSocket(email);
-      const Organization = (email!.split("@")[1]).split(".")[0];
-      const name = localStorage.getItem('userName');
+      const Organization = email!.split("@")[1].split(".")[0];
+      const name = localStorage.getItem("userName");
       if (Organization && name) {
         setOrganization(Organization);
         setUserName(name);
@@ -36,7 +43,7 @@ const Project: React.FC = () => {
     } else {
       navigate("/");
     }
-  }, [])
+  }, []);
 
   return (
     <div className="project-main">
@@ -45,8 +52,13 @@ const Project: React.FC = () => {
       <SideBarRight />
       {activeModule === "visualization" && <RealTimeVisulization />}
       <Tools />
-      <Scene />
-      <SimulationUI />
+      {/* <SimulationUI /> */}
+      <div
+        className="canvas-container"
+        style={{ height: "100vh", width: "100vw" }}
+      >
+        {activeModule !== "visualization" && <Scene />}
+      </div>
     </div>
   );
 };