layer disclaimer

Vizzuality · Apr 29, 2024 · a9b872e · a9b872e
1 parent 4d00d31
commit a9b872e
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 4 deletions.
diff --git a/src/containers/map/legend/index.tsx b/src/containers/map/legend/index.tsx
@@ -32,8 +32,8 @@ const Legend = ({ embedded = false }: { embedded?: boolean }) => {
       const newLayers = order.map((id) => {
         return activeLayers.find((l) => l.id === id);
       }) as ActiveLayers[];
-
-      setActiveLayers(newLayers);
+      const activeLayerPlanet = activeLayers.filter((l) => l.id.includes('planet'));
+      setActiveLayers([...newLayers, ...activeLayerPlanet]);
     },
     [activeLayers, setActiveLayers]
   );

diff --git a/src/containers/map/legend/item/index.tsx b/src/containers/map/legend/item/index.tsx
@@ -125,7 +125,7 @@ const LegendItem = ({
       id={id}
       className="flex flex-col items-start rounded-md bg-white pb-4 pt-2 text-sm md:px-2"
     >
-      <div className="flex w-full items-center justify-between">
+      <div className="flex w-full items-start justify-between">
         <div className="flex items-center space-x-2">
           <Media greaterThanOrEqual="md">
             {!embedded && (
@@ -143,7 +143,7 @@ const LegendItem = ({
                     aria-label="Layer statistics"
                     onClick={() => setStatisticsDialogVisibility(!statisticsDialogVisibility)}
                   >
-                    <p className="pl-4 text-xs font-semibold uppercase tracking-wider text-black/85 md:pl-0">
+                    <p className="pl-4 text-left text-xs font-semibold uppercase tracking-wider text-black/85 md:pl-0">
                       {title}
                     </p>
                   </button>

diff --git a/src/containers/widgets/index.tsx b/src/containers/widgets/index.tsx
@@ -185,6 +185,7 @@ const WidgetsContainer: FC = () => {
                   />
                   <p className="text-sm font-light text-black/85">
                     Disclaimer: Some layers and widgets are not available for certain locations.
+                    Select applicable geography to enable layer.
                   </p>
                 </div>
                 <Helper
-Original file line number
+Diff line change
@@ Expand Up / @@ -185,6 +185,7 @@ const WidgetsContainer: FC = () => { @@
                       />
                       <p className="text-sm font-light text-black/85">
                         Disclaimer: Some layers and widgets are not available for certain locations.
+                        Select applicable geography to enable layer.
                       </p>
                     </div>
                     <Helper
@@ Expand Down @@