hi res updates

Vizzuality · Jul 24, 2024 · b6e0e55 · b6e0e55
1 parent e5db688
commit b6e0e55
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 9 deletions.
diff --git a/src/components/contextual/hi-res-extent-basemap.tsx b/src/components/contextual/hi-res-extent-basemap.tsx
@@ -15,23 +15,23 @@ import type { ContextualBasemapsId } from 'types/widget';
 
 const HighResolutionExtentBasemap = () => {
   const [activeLayers, setActiveLayers] = useRecoilState(activeLayersAtom);
-  const defaultActive = activeLayers.find((layer) => layer.id.includes('planet'))?.id || 'no-layer';
+  const defaultActive =
+    activeLayers.find((layer) => layer.id === 'hi-res-extent')?.id || 'no-layer';
   const [isActive, setIsActive] = useState(defaultActive);
 
   const handleClick = useCallback(
     (id) => {
       setIsActive(id);
-      const noPlanetLayers = activeLayers.filter((w) => !w.id.includes('planet_medres'));
       const layersUpdate =
         id === 'no-layer'
-          ? noPlanetLayers
+          ? activeLayers.filter((w) => w.id !== 'hi-res-extent')
           : ([
+              ...activeLayers,
               {
-                id: id as ContextualBasemapsId,
+                id: 'hi-res-extent' as ContextualBasemapsId,
                 opacity: '1',
                 visibility: 'visible',
               },
-              ...noPlanetLayers,
             ] as ActiveLayers[]);
       setActiveLayers(layersUpdate);
     },

diff --git a/src/containers/datasets/contextual-layers/constants.ts b/src/containers/datasets/contextual-layers/constants.ts
@@ -58,7 +58,7 @@ export const CONTEXTUAL_LAYERS_PLANET_SERIES_ATTRIBUTES = [
 
 export const HIGH_RESOLUTION_EXTENT = [
   {
-    id: 'high_res_extent',
+    id: 'hi-res-extent',
     type: 'contextual-basemap',
     name: 'High resolution extent layer',
     description: 'LOREM IPSUM',

diff --git a/src/containers/datasets/contextual-layers/hi-res-extent/hooks.tsx b/src/containers/datasets/contextual-layers/hi-res-extent/hooks.tsx
@@ -6,7 +6,7 @@ export function useSource(): SourceProps {
   return {
     id: 'hi-res-extent',
     type: 'vector',
-    url: 'mapbox://globalmangrovewatch.gmw_v4_sen2_sgl_cls_v007_z2_z12',
+    url: 'mapbox://globalmangrovewatch.gmw_v4_sen2_sgl_cls_v007_all_z',
   };
 }
 const darkTeal = '#005f73';

diff --git a/src/containers/map/layer-manager/index.tsx b/src/containers/map/layer-manager/index.tsx
@@ -68,8 +68,7 @@ const LayerManagerContainer = () => {
 
   // layers that act as basemap (such planet imagery or high resolution extent) must be always at the bottom
   const basemap_layers = ACTIVE_LAYERS.filter(
-    (layer) =>
-      (layer.includes('planet') || layer === 'hi-res-extent') && filteredLayers.includes(layer)
+    (layer) => layer.includes('planet') || layer === 'hi-res-extent'
   );
   const no_planet_layers = ACTIVE_LAYERS.filter(
     (layer) =>