feat(legend): add ability to hide legend (#965)

ubilabs · Aug 26, 2021 · da3d186 · da3d186
1 parent 6d7f15d
commit da3d186
Show file tree

Hide file tree

Showing 2 changed files with 29 additions and 19 deletions.
diff --git a/src/scripts/components/main/data-viewer/data-viewer.tsx b/src/scripts/components/main/data-viewer/data-viewer.tsx
@@ -148,25 +148,34 @@ const DataViewer: FunctionComponent<Props> = ({
     <div className={styles.dataViewer}>
       {[mainLayerDetails, compareLayerDetails]
         .filter((layer): layer is Layer => Boolean(layer))
-        .map(({id, maxValue, minValue, units, basemap, legendValues}, index) =>
-          id === 'land_cover.lccs_class' ? (
-            <HoverLegend
-              key={id}
-              values={legendValues as LegendValueColor[]}
-              isCompare={index > 0}
-            />
-          ) : (
-            <LayerLegend
-              key={id}
-              id={id}
-              values={
-                (legendValues as string[]) || [maxValue || 0, minValue || 0]
-              }
-              unit={units}
-              basemap={basemap}
-              isCompare={index > 0}
-            />
-          )
+        .map(
+          (
+            {id, maxValue, minValue, units, basemap, legendValues, hideLegend},
+            index
+          ) => {
+            if (hideLegend) {
+              return null;
+            }
+
+            return id === 'land_cover.lccs_class' ? (
+              <HoverLegend
+                key={id}
+                values={legendValues as LegendValueColor[]}
+                isCompare={index > 0}
+              />
+            ) : (
+              <LayerLegend
+                key={id}
+                id={id}
+                values={
+                  (legendValues as string[]) || [maxValue || 0, minValue || 0]
+                }
+                unit={units}
+                basemap={basemap}
+                isCompare={index > 0}
+              />
+            );
+          }
         )}
 
       {getDataWidget({

diff --git a/src/scripts/types/layer.d.ts b/src/scripts/types/layer.d.ts
@@ -22,4 +22,5 @@ export interface Layer {
   units: string;
   legendValues: string[] | LegendValueColor[];
   legendBackgroundColor: string;
+  hideLegend?: boolean;
 }