Merge branch 'develop'

frontend/src/components/map/index.tsx

@@ -54,16 +54,19 @@ export const Map: FC<CustomMapProps> = ({
   const handleFitBounds = useCallback(() => {
     if (mapRef && bounds) {
       const { bbox, options } = bounds;
-      // enabling fly mode avoids the map to be interrupted during the bounds transition
-      setFlying(true);
-
-      mapRef.fitBounds(
-        [
-          [bbox[0], bbox[1]],
-          [bbox[2], bbox[3]],
-        ],
-        options
-      );
+
+      if (bbox) {
+        // enabling fly mode avoids the map to be interrupted during the bounds transition
+        setFlying(true);
+
+        mapRef.fitBounds(
+          [
+            [bbox[0], bbox[1]],
+            [bbox[2], bbox[3]],
+          ],
+          options
+        );
+      }
     }
   }, [bounds, mapRef]);
 

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 (

frontend/src/containers/map/sidebar/main-panel/panels/details/widgets/habitat/index.tsx

@@ -143,12 +143,41 @@ const HabitatWidget: FCWithMessages<HabitatWidgetProps> = ({ location }) => {
     }
   );
 
+  const { data: metadata } = useGetDataInfos(
+    {
+      locale,
+      filters: {
+        slug: 'habitat-widget',
+      },
+      populate: 'data_sources',
+    },
+    {
+      query: {
+        select: ({ data }) =>
+          data[0]
+            ? {
+                info: data[0].attributes.content,
+                sources: data[0].attributes?.data_sources?.data?.map(
+                  ({ id, attributes: { title, url } }) => ({
+                    id,
+                    title,
+                    url,
+                  })
+                ),
+              }
+            : undefined,
+      },
+    }
+  );
+
   return (
     <Widget
       title={t('proportion-habitat-within-protected-areas')}
       lastUpdated={chartData[0]?.updatedAt}
       noData={!chartData.length}
       loading={isFetching}
+      info={metadata?.info}
+      sources={metadata?.sources}
     >
       {chartData.map((chartData) => (
         <HorizontalBarChart

frontend/src/containers/map/sidebar/main-panel/panels/details/widgets/terrestrial-widgets.tsx

@@ -7,7 +7,7 @@ import { cn } from '@/lib/classnames';
 import { FCWithMessages } from '@/types';
 import { useGetLocations } from '@/types/generated/location';
 
-// import HabitatWidget from './habitat';
+import HabitatWidget from './habitat';
 import TerrestrialConservationWidget from './terrestrial-conservation';
 
 const TerrestrialWidgets: FCWithMessages = () => {
@@ -46,8 +46,7 @@ const TerrestrialWidgets: FCWithMessages = () => {
       })}
     >
       <TerrestrialConservationWidget location={locationData} />
-      {/* Temporarily hidden due to overestimations caused by the calculation methodology */}
-      {/* <HabitatWidget location={locationData} /> */}
+      <HabitatWidget location={locationData} />
     </div>
   );
 };