updated realTime vis panel smooth transition

app/src/modules/visualization/RealTimeVisulization.tsx

@@ -11,10 +11,7 @@ import {
   useDroppedObjectsStore,
   useFloatingWidget,
 } from "../../store/visualization/useDroppedObjectsStore";
-import {
-  useSocketStore,
-  useWidgetSubOption,
-} from "../../store/store";
+import { useSocketStore, useWidgetSubOption } from "../../store/store";
 import { getZone2dData } from "../../services/visulization/zone/getZoneData";
 import { generateUniqueId } from "../../functions/generateUniqueId";
 import { determinePosition } from "./functions/determinePosition";
@@ -69,13 +66,17 @@ const RealTimeVisulization: React.FC = () => {
   const { selectedZone, setSelectedZone } = useSelectedZoneStore();
 
   const { setRightSelect } = useRightSelected();
-  const { editWidgetOptions, setEditWidgetOptions } = useEditWidgetOptionsStore();
+  const { editWidgetOptions, setEditWidgetOptions } =
+    useEditWidgetOptionsStore();
   const { rightClickSelected, setRightClickSelected } = useRightClickSelected();
   const [openConfirmationPopup, setOpenConfirmationPopup] = useState(false);
   const { setFloatingWidget } = useFloatingWidget();
   const { widgetSubOption } = useWidgetSubOption();
   const { visualizationSocket } = useSocketStore();
   const { setSelectedChartId } = useWidgetStore();
+  const [waitingPanels, setWaitingPanels] = useState(null);
+
+  console.log("waitingPanels: ", waitingPanels);
 
   OuterClick({
     contextClassName: [
@@ -377,6 +378,8 @@ const RealTimeVisulization: React.FC = () => {
                   setHiddenPanels={setHiddenPanels}
                   selectedZone={selectedZone}
                   setSelectedZone={setSelectedZone}
+                  waitingPanels={waitingPanels}
+                  setWaitingPanels={setWaitingPanels}
                 />
               )}
 
@@ -385,6 +388,7 @@ const RealTimeVisulization: React.FC = () => {
                 setSelectedZone={setSelectedZone}
                 hiddenPanels={hiddenPanels}
                 setZonesData={setZonesData}
+                waitingPanels={waitingPanels}
               />
             </>
           )}