Merge remote-tracking branch 'origin/main' into realTimeVisulization

app/src/store/store.ts

@@ -12,18 +12,27 @@ export const useSocketStore = create<any>((set: any, get: any) => ({
     }
 
     const socket = io(
-      `http://${process.env.REACT_APP_SERVER_SOCKET_API_BASE_URL}/Builder`,
+      `http://${process.env.REACT_APP_SERVER_SOCKET_API_BASE_URL}`,
       {
         reconnection: false,
         auth: { email, organization },
       }
     );
 
-    set({ socket });
+    const visualizationSocket = io(
+      `http://${process.env.REACT_APP_SERVER_SOCKET_API_BASE_URL}/Visualization`,
+      {
+        reconnection: false,
+        auth: { email, organization },
+      }
+    );
+
+    set({ socket, visualizationSocket });
   },
   disconnectSocket: () => {
     set((state: any) => {
       state.socket?.disconnect();
+      state.visualizationSocket?.disconnect();
       return { socket: null };
     });
   },
@@ -400,22 +409,3 @@ export const useWidgetSubOption = create<any>((set: any) => ({
   widgetSubOption: "2D",
   setWidgetSubOption: (x: any) => set({ widgetSubOption: x }),
 }));
-export const useLimitDistance = create<any>((set: any) => ({
-  limitDistance: true,
-  setLimitDistance: (x: any) => set({ limitDistance: x }),
-}));
-
-export const useTileDistance = create<any>((set: any) => ({
-  gridValue: { size: 300, divisions: 75 },
-  planeValue: { height: 300, width: 300 },
-
-  setGridValue: (value: any) =>
-    set((state: any) => ({
-      gridValue: { ...state.gridValue, ...value },
-    })),
-
-  setPlaneValue: (value: any) =>
-    set((state: any) => ({
-      planeValue: { ...state.planeValue, ...value },
-    })),
-}));