server api changed for RealTimeVisulization

app/src/components/ui/componets/DisplayZone.tsx

@@ -2,7 +2,10 @@ import React, { useEffect, useRef, useState, useCallback } from "react";
 import { Widget } from "../../../store/useWidgetStore";
 import { MoveArrowLeft, MoveArrowRight } from "../../icons/SimulationIcons";
 import { InfoIcon } from "../../icons/ExportCommonIcons";
-import { useDroppedObjectsStore, useFloatingWidget } from "../../../store/useDroppedObjectsStore";
+import {
+  useDroppedObjectsStore,
+  useFloatingWidget,
+} from "../../../store/useDroppedObjectsStore";
 import { getSelect2dZoneData } from "../../../services/realTimeVisulization/zoneData/getSelect2dZoneData";
 import { getFloatingZoneData } from "../../../services/realTimeVisulization/zoneData/getFloatingData";
 import { get3dWidgetZoneData } from "../../../services/realTimeVisulization/zoneData/get3dWidgetData";
@@ -66,14 +69,13 @@ const DisplayZone: React.FC<DisplayZoneProps> = ({
   selectedZone,
   setSelectedZone,
 }) => {
-
   // Ref for the container element
   const containerRef = useRef<HTMLDivElement | null>(null);
 
   // State to track overflow visibility
   const [showLeftArrow, setShowLeftArrow] = useState(false);
   const [showRightArrow, setShowRightArrow] = useState(false);
-  const { floatingWidget, setFloatingWidget } = useFloatingWidget()
+  const { floatingWidget, setFloatingWidget } = useFloatingWidget();
 
   // Function to calculate overflow state
   const updateOverflowState = useCallback(() => {
@@ -158,10 +160,10 @@ const DisplayZone: React.FC<DisplayZoneProps> = ({
       const organization = email?.split("@")[1]?.split(".")[0];
       // Fetch data from backend
       let response = await getSelect2dZoneData(zoneId, organization);
-      console.log('response: ', response);
+
       let res = await getFloatingZoneData(zoneId, organization);
-      console.log('res: ', res);
-      setFloatingWidget(res)
+
+      setFloatingWidget(res);
       // Set the selected zone in the store
       useDroppedObjectsStore.getState().setZone(zoneName, zoneId);
       if (Array.isArray(res)) {
@@ -180,13 +182,9 @@ const DisplayZone: React.FC<DisplayZoneProps> = ({
         zoneViewPortTarget: response.viewPortCenter || {},
         zoneViewPortPosition: response.viewPortposition || {},
       });
-    } catch (error) {
-
-
-    }
+    } catch (error) { }
   }
 
-
   return (
     <div
       ref={containerRef}
@@ -209,7 +207,7 @@ const DisplayZone: React.FC<DisplayZoneProps> = ({
               className={`zone ${selectedZone.zoneName === zoneName ? "active" : ""
                 }`}
               onClick={() => {
-                handleSelect2dZoneData(zonesData[zoneName]?.zoneId, zoneName)
+                handleSelect2dZoneData(zonesData[zoneName]?.zoneId, zoneName);
               }}
             >
               {zoneName}