code optimization

app/src/modules/builder/builder.tsx

@@ -7,15 +7,7 @@ import { Geometry } from "@react-three/csg";
 
 //////////  Zustand State Imports  //////////
 
-import {
-    useToggleView,
-    useWallVisibility,
-    useRoofVisibility,
-    useShadows,
-    useToolMode,
-    useRenderDistance,
-    useLimitDistance,
-} from "../../store/builder/store";
+import { useToggleView, useWallVisibility, useRoofVisibility, useShadows, useToolMode, useRenderDistance, useLimitDistance } from "../../store/builder/store";
 
 //////////  3D Function Imports  //////////
 
@@ -23,8 +15,6 @@ import * as Types from "../../types/world/worldTypes";
 
 import SocketResponses from "../collaboration/socket/socketResponses.dev";
 import Ground from "../scene/environment/ground";
-import { findEnvironment } from "../../services/factoryBuilder/environment/findEnvironment";
-
 import MeasurementTool from "../scene/tools/measurementTool";
 import NavMesh from "../simulation/vehicle/navMesh/navMesh";
 import CalculateAreaGroup from "./groups/calculateAreaGroup";
@@ -41,6 +31,7 @@ import Decal from "./Decal/decal";
 import { useParams } from "react-router-dom";
 import { useBuilderStore } from "../../store/builder/useBuilderStore";
 import { getUserData } from "../../functions/getUserData";
+import { findEnvironment } from "../../services/factoryBuilder/environment/findEnvironment";
 
 export default function Builder() {
     const state = useThree<Types.ThreeState>();
@@ -58,7 +49,6 @@ export default function Builder() {
     const { setHoveredPoint, setHoveredLine } = useBuilderStore();
     const { userId, organization } = getUserData();
 
-
     useEffect(() => {
         if (!toggleView) {
             setHoveredLine(null);
@@ -69,19 +59,16 @@ export default function Builder() {
     }, [toggleView]);
 
     useEffect(() => {
+        if (!projectId) return;
 
-        async function fetchVisibility() {
-            const data = await findEnvironment(organization, userId, projectId);
-            if (data) {
-                setRoofVisibility(data.roofVisibility);
-                setWallVisibility(data.wallVisibility);
-                setShadows(data.shadowVisibility);
-                setRenderDistance(data.renderDistance);
-                setLimitDistance(data.limitDistance);
-            }
-        }
-        fetchVisibility();
-    }, []);
+        findEnvironment(projectId).then((data) => {
+            setRoofVisibility(data.roofVisibility);
+            setWallVisibility(data.wallVisibility);
+            setShadows(data.shadowVisibility);
+            setRenderDistance(data.renderDistance);
+            setLimitDistance(data.limitDistance);
+        })
+    }, [projectId]);
 
     useFrame(() => {
         if (csgRef.current) {