zone camera updation and builder zoneadatas

app/src/services/realTimeVisulization/zoneData/getZones.ts

@@ -1,25 +1,23 @@
-let url_Backend_dwinzo = `http://185.100.212.76:5000`;
+let url_Backend_dwinzo = `http://${process.env.REACT_APP_SERVER_REST_API_BASE_URL}`;
 
-export const getZonesApi = async (organization: string) => {
-    try {
-        const response = await fetch(`${url_Backend_dwinzo}/api/v2/findZones/${organization}`, {
-            method: "GET",
-            headers: {
-                "Content-Type": "application/json",
-            },
-        });
+export const getZoneData = async (zoneId: string, organization: string) => {
+  try {
+    const response = await fetch(
+      `${url_Backend_dwinzo}/api/v2/A_zone/${zoneId}/${organization}`,
+      {
+        method: "GET",
+        headers: {
+          "Content-Type": "application/json",
+        },
+      }
+    );
 
-        // if (!response.ok) {
-        //     throw new Error("Failed to get Zones");
-        // }
-
-        const result = await response.json();
-        return result;
-    } catch (error) {
-        if (error instanceof Error) {
-            throw new Error(error.message);
-        } else {
-            throw new Error("An unknown error occurred");
-        }
+    if (!response.ok) {
+      throw new Error("Failed to fetch zoneData");
     }
-};
+
+    return await response.json();
+  } catch (error: any) {
+    throw new Error(error.message);
+  }
+};

app/src/services/realTimeVisulization/zoneData/panel.tsx

@@ -0,0 +1,31 @@
+let url_Backend_dwinzo = `http://${process.env.REACT_APP_SERVER_REST_API_BASE_URL}`;
+
+type Side = "top" | "bottom" | "left" | "right";
+
+export const panelData = async (organization: string, zoneID: string, panelOrder: Side[]) => {
+    console.log('panelOrder: ', panelOrder);
+    console.log('zoneID: ', zoneID);
+    console.log('organization: ', organization);
+    try {
+        const response = await fetch(`${url_Backend_dwinzo}/api/v1/panel/save`, {
+            method: "POST",
+            headers: {
+                "Content-Type": "application/json",
+            },
+            body: JSON.stringify({ organization, zoneID, panelOrder }),
+        });
+
+        if (!response.ok) {
+            throw new Error("Failed to add panelOrder for Zone");
+        }
+
+        const result = await response.json();
+        return result;
+    } catch (error) {
+        if (error instanceof Error) {
+            throw new Error(error.message);
+        } else {
+            throw new Error("An unknown error occurred");
+        }
+    }
+};