Hide conservation widget if empty values

Vizzuality · Oct 18, 2024 · 5f1633c · 5f1633c
1 parent 696c5ec
commit 5f1633c
Show file tree

Hide file tree

Showing 2 changed files with 28 additions and 2 deletions.
diff --git a/...rc/containers/map/sidebar/main-panel/panels/details/widgets/marine-conservation/index.tsx b/...rc/containers/map/sidebar/main-panel/panels/details/widgets/marine-conservation/index.tsx
@@ -155,11 +155,24 @@ const MarineConservationWidget: FCWithMessages<MarineConservationWidgetProps> =
     return data;
   }, [location, aggregatedData]);
 
+  const noData = useMemo(() => {
+    if (!chartData.length) {
+      return true;
+    }
+
+    const emptyValues = chartData.every((d) => d.percentage === 0);
+    if (emptyValues) {
+      return true;
+    }
+
+    return false;
+  }, [chartData]);
+
   return (
     <Widget
       title={t('marine-conservation-coverage')}
       lastUpdated={data[data.length - 1]?.attributes.updatedAt}
-      noData={!chartData.length}
+      noData={noData}
       loading={isFetching}
       info={metadata?.info}
       sources={metadata?.sources}

diff --git a/...ntainers/map/sidebar/main-panel/panels/details/widgets/terrestrial-conservation/index.tsx b/...ntainers/map/sidebar/main-panel/panels/details/widgets/terrestrial-conservation/index.tsx
@@ -161,11 +161,24 @@ const TerrestrialConservationWidget: FCWithMessages<TerrestrialConservationWidge
     return data;
   }, [location, aggregatedData]);
 
+  const noData = useMemo(() => {
+    if (!chartData.length) {
+      return true;
+    }
+
+    const emptyValues = chartData.every((d) => d.percentage === 0);
+    if (emptyValues) {
+      return true;
+    }
+
+    return false;
+  }, [chartData]);
+
   return (
     <Widget
       title={t('terrestrial-conservation-coverage')}
       lastUpdated={data[data.length - 1]?.attributes.updatedAt}
-      noData={!chartData.length}
+      noData={noData}
       loading={isFetching}
       info={metadata?.info}
       sources={metadata?.sources}