Hidden panel zone based template Sc shot

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

@@ -39,7 +39,7 @@ interface PanelProps {
       widgets: Widget[];
     }>
   >;
-  hiddenPanels: string[];
+  hiddenPanels: any;
   setZonesData: React.Dispatch<React.SetStateAction<any>>;
 }
 
@@ -139,7 +139,12 @@ const Panel: React.FC<PanelProps> = ({
   const handleDrop = (e: React.DragEvent, panel: Side) => {
     e.preventDefault();
     const { draggedAsset } = useWidgetStore.getState();
-    if (!draggedAsset || isPanelLocked(panel)) return;
+    if (
+      !draggedAsset ||
+      isPanelLocked(panel) ||
+      hiddenPanels[selectedZone.zoneId]?.includes(panel)
+    )
+      return;
 
     const currentWidgetsCount = getCurrentWidgetCount(panel);
     const maxCapacity = calculatePanelCapacity(panel);
@@ -255,8 +260,6 @@ const Panel: React.FC<PanelProps> = ({
   const leftCapacity = calculatePanelCapacity("left");
   const rightCapacity = calculatePanelCapacity("right");
 
-  console.log('topCapacity: ', topCapacity);
-  console.log('bottomWidth: ', bottomWidth);
   return (
     <>
       <style>
@@ -280,7 +283,7 @@ const Panel: React.FC<PanelProps> = ({
           key={side}
           id="panel-wrapper"
           className={`panel ${side}-panel absolute ${
-            hiddenPanels.includes(side) ? "hidePanel" : ""
+            hiddenPanels[selectedZone.zoneId]?.includes(side) ? "hidePanel" : ""
           }`}
           style={getPanelStyle(side)}
           onDrop={(e) => handleDrop(e, side)}
@@ -296,9 +299,11 @@ const Panel: React.FC<PanelProps> = ({
           <div
             className={`panel-content ${isPlaying && "fullScreen"}`}
             style={{
-              pointerEvents: selectedZone.lockedPanels.includes(side)
-                ? "none"
-                : "auto",
+              pointerEvents:
+                selectedZone.lockedPanels.includes(side) ||
+                hiddenPanels[selectedZone.zoneId]?.includes(side)
+                  ? "none"
+                  : "auto",
               opacity: selectedZone.lockedPanels.includes(side) ? "0.8" : "1",
             }}
           >