functionality for grid distance

app/src/store/store.ts

@@ -11,10 +11,13 @@ export const useSocketStore = create<any>((set: any, get: any) => ({
       return;
     }
 
-    const socket = io(`http://${process.env.REACT_APP_SERVER_SOCKET_API_BASE_URL}/Builder`, {
-      reconnection: false,
-      auth: { email, organization },
-    });
+    const socket = io(
+      `http://${process.env.REACT_APP_SERVER_SOCKET_API_BASE_URL}/Builder`,
+      {
+        reconnection: false,
+        auth: { email, organization },
+      }
+    );
 
     set({ socket });
   },
@@ -401,3 +404,18 @@ 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 },
+    })),
+}));