Fix layers

Vizzuality · Apr 23, 2024 · 16f105f · 16f105f
1 parent 5e7216b
commit 16f105f
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 6 deletions.
diff --git a/client/src/containers/map/index.tsx b/client/src/containers/map/index.tsx
@@ -242,7 +242,7 @@ export default function MapContainer() {
         )}
         {!isHomePage && <StoryMarkers />}
       </Map>
-      <div className="absolute bottom-0 left-0 z-20 w-full p-4 pb-16">
+      <div className="absolute bottom-0 left-0 z-20 w-full p-4 pb-16 pl-14">
         <MapLegends />
       </div>
     </div>

diff --git a/client/src/containers/map/legend/index.tsx b/client/src/containers/map/legend/index.tsx
@@ -81,13 +81,20 @@ const MapLegends = ({ className = '' }) => {
     isFetching,
     isFetched,
     isError,
-  } = useGetLayers({
-    filters: {
-      id: {
-        $in: layers,
+  } = useGetLayers(
+    {
+      filters: {
+        id: {
+          $in: layers,
+        },
       },
     },
-  });
+    {
+      query: {
+        enabled: !!layers.length,
+      },
+    }
+  );
 
   const LEGENDS = useMemo(() => {
     return layersData?.data?.reduce<LegendProps[]>((acc, curr) => {