floatingwidgets Api and 3dwidget frontend and 2d widget delete Api and zonecameraUpdation

app/src/components/layout/sidebarRight/properties/ZoneProperties.tsx

@@ -3,6 +3,7 @@ import RenameInput from "../../../ui/inputs/RenameInput";
 import Vector3Input from "../customInput/Vector3Input";
 import { useSelectedZoneStore } from "../../../../store/useZoneStore";
 import { useEditPosition, usezonePosition, usezoneTarget } from "../../../../store/store";
+import { zoneCameraUpdate } from "../../../../services/realTimeVisulization/zoneData/zoneCameraUpdation";
 
 const ZoneProperties: React.FC = () => {
   const { Edit, setEdit } = useEditPosition();
@@ -15,12 +16,25 @@ const ZoneProperties: React.FC = () => {
     setZoneTarget(selectedZone.zoneViewPortTarget)
   }, [selectedZone?.zoneViewPortPosition, selectedZone?.zoneViewPortTarget])
 
-  function handleSetView() {
-    console.log("setApi");
-
-    console.log('zoneTarget: ', zoneTarget);
-    console.log('zonePosition: ', zonePosition);
-    setEdit(false);
+  async function handleSetView() {
+    try {
+      const email = localStorage.getItem("email") || "";
+      const organization = email?.split("@")[1]?.split(".")[0];
+  
+      let zonesdata = {
+        zoneId: selectedZone.zoneId,
+        viewPortposition: zonePosition,
+        viewPortCenter: zoneTarget
+      };
+  
+      let response = await zoneCameraUpdate(zonesdata, organization);
+      console.log('response: ', response);
+     
+  
+      setEdit(false);
+    } catch (error) {
+      console.error("Error in handleSetView:", error);
+    }
   }
 
   function handleEditView() {
@@ -36,7 +50,7 @@ const ZoneProperties: React.FC = () => {
   }
 
   useEffect(() => {
-    console.log("Updated selectedZone: ", selectedZone);
+
   }, [selectedZone]);
 
   return (