updated

app/src/modules/builder/builder.tsx

@@ -51,6 +51,7 @@ import { useParams } from "react-router-dom";
 import AislesGroup from "./aisle/aislesGroup";
 import WallGroup from "./wall/wallGroup";
 import { useBuilderStore } from "../../store/builder/useBuilderStore";
+import { getUserData } from "../../functions/getUserData";
 
 export default function Builder() {
     const state = useThree<Types.ThreeState>(); // Importing the state from the useThree hook, which contains the scene, camera, and other Three.js elements.
@@ -104,6 +105,7 @@ export default function Builder() {
     const { refTextupdate, setRefTextUpdate } = useRefTextUpdate();
     const { projectId } = useParams();
     const { setHoveredPoint } = useBuilderStore();
+    const { userId, organization } = getUserData();
 
     // const loader = new GLTFLoader();
     // const dracoLoader = new DRACOLoader();
@@ -134,11 +136,9 @@ export default function Builder() {
     }, [toggleView]);
 
     useEffect(() => {
-        const email = localStorage.getItem("email");
-        const organization = email!.split("@")[1].split(".")[0];
 
         async function fetchVisibility() {
-            const data = await findEnvironment(organization, localStorage.getItem("userId")!, projectId);
+            const data = await findEnvironment(organization, userId, projectId);
             if (data) {
                 setRoofVisibility(data.roofVisibility);
                 setWallVisibility(data.wallVisibility);
@@ -255,8 +255,6 @@ export default function Builder() {
                     plane={plane}
                 />
 
-                {/* <WallGroup /> */}
-
                 <AislesGroup />
 
                 <MeasurementTool />
@@ -275,6 +273,8 @@ export default function Builder() {
 
                 <LayoutImage />
             </Bvh>
+
+            {/* <WallGroup /> */}
         </>
     );
 }