fix(SKY30-508): Indicate when no data is available for Fully/Highly P…

…rotected column
Vizzuality · Dec 2, 2024 · 0c4d469 · 0c4d469
1 parent 5c00131
commit 0c4d469
Showing 1 changed file with 4 additions and 0 deletions.
diff --git a/frontend/src/containers/map/content/details/tables/global-regional/hooks.tsx b/frontend/src/containers/map/content/details/tables/global-regional/hooks.tsx
@@ -272,6 +272,10 @@ export const useColumns = (
                 const { location } = row.original;
 
                 const value = location.mpaa_protection_level_stats.percentage;
+                if (value === null || value === undefined) {
+                  return <span className="text-xs">{t('no-data-available')}</span>;
+                }
+
                 const formattedValue = cellFormatter.percentage(locale, value ?? 0);
 
                 return (