Merge pull request #1591 from Vizzuality/MRXN23-512-inventory-panel-p…

…rotected [MRXN23-512]: hides floating menu after deletion process
Vizzuality · Nov 22, 2023 · 21c009d · 21c009d · vercel · Nov 22, 2023
2 parents fbe8943 + 13c2728
commit 21c009d
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 5 deletions.
diff --git a/app/hooks/cost-surface/index.ts b/app/hooks/cost-surface/index.ts
@@ -16,7 +16,7 @@ export function useProjectCostSurfaces<T = CostSurface[]>(
   const { data: session } = useSession();
 
   return useQuery({
-    queryKey: ['cost-surfaces', pid],
+    queryKey: ['cost-surfaces', pid, params],
     queryFn: async () =>
       JSONAPI.request<{ data: CostSurface[] }>({
         method: 'GET',

diff --git a/app/layout/project/sidebar/project/inventory-panel/cost-surfaces/index.tsx b/app/layout/project/sidebar/project/inventory-panel/cost-surfaces/index.tsx
@@ -157,6 +157,12 @@ const InventoryPanelCostSurface = ({ noData: noDataMessage }: { noData: string }
     isVisibleOnMap: visibleCostSurface === cs.id,
   }));
 
+  useEffect(() => {
+    if (allProjectCostSurfacesQuery.isRefetching) {
+      setSelectedCostSurfaceIds([]);
+    }
+  }, [allProjectCostSurfacesQuery.isRefetching]);
+
   return (
     <div className="flex flex-col space-y-6 overflow-hidden">
       <div className="h-full overflow-hidden">

diff --git a/app/layout/project/sidebar/project/inventory-panel/wdpas/index.tsx b/app/layout/project/sidebar/project/inventory-panel/wdpas/index.tsx
@@ -72,10 +72,6 @@ const InventoryPanelProtectedAreas = ({
     }
   }, []);
 
-  useEffect(() => {
-    setSelectedWDPAIds([]);
-  }, [search]);
-
   const toggleSeeOnMap = useCallback(
     (WDPAId: WDPA['id']) => {
       const newSelectedWDPAs = [...visibleWDPAs];
@@ -122,6 +118,12 @@ const InventoryPanelProtectedAreas = ({
     isVisibleOnMap: layerSettings[wdpa.id]?.visibility ?? false,
   }));
 
+  useEffect(() => {
+    if (allProjectWDPAsQuery.isRefetching) {
+      setSelectedWDPAIds([]);
+    }
+  }, [allProjectWDPAsQuery.isRefetching]);
+
   return (
     <div className="flex flex-col space-y-6 overflow-hidden">
       <div className="h-full overflow-hidden">