Hide fishing protection widget if empty values

SkyTruth · Oct 18, 2024 · 339bfe4 · 339bfe4
1 parent 5f1633c
commit 339bfe4
Showing 1 changed file with 13 additions and 3 deletions.
diff --git a/...src/containers/map/sidebar/main-panel/panels/details/widgets/fishing-protection/index.tsx b/...src/containers/map/sidebar/main-panel/panels/details/widgets/fishing-protection/index.tsx
@@ -114,15 +114,25 @@ const FishingProtectionWidget: FCWithMessages<FishingProtectionWidgetProps> = ({
     return parsedFishingProtectionLevelData?.filter(Boolean) ?? [];
   }, [t, protectionLevelsData, metadata]);
 
-  const noData = !widgetChartData.length;
-  const loading = isFetchingProtectionLevelsData;
+  const noData = useMemo(() => {
+    if (!widgetChartData.length) {
+      return true;
+    }
+
+    const emptyValues = widgetChartData.every((d) => d.totalArea === Infinity);
+    if (emptyValues) {
+      return true;
+    }
+
+    return false;
+  }, [widgetChartData]);
 
   return (
     <Widget
       title={t('level-of-fishing-protection')}
       lastUpdated={protectionLevelsData[0]?.attributes?.updatedAt}
       noData={noData}
-      loading={loading}
+      loading={isFetchingProtectionLevelsData}
     >
       {widgetChartData.map((chartData) => (
         <HorizontalBarChart