feat(SKY30-509): Add tooltip to Habitat widget

Vizzuality · Dec 12, 2024 · f1af0b0 · f1af0b0
1 parent 0c4d469
commit f1af0b0
Showing 1 changed file with 29 additions and 0 deletions.
diff --git a/frontend/src/containers/map/sidebar/main-panel/panels/details/widgets/habitat/index.tsx b/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