🎉 add population data to context and heatmap tooltip

Author: kunkoala

locales/de-global.json5

@@ -95,6 +95,7 @@
     edit: 'Farblegende bearbeiten',
     lock: 'Maximalwert feststellen',
     select: 'Farblegende auswählen',
+    population: 'Bevölkerung',
   },
   bottomTabs: {
     timeSeries: 'Zeitreihe',

locales/en-global.json5

@@ -103,6 +103,7 @@
     edit: 'Edit heatmap colors',
     lock: 'Lock maximum value',
     select: 'Select heatmap preset',
+    population: 'Population',
   },
   bottomTabs: {
     timeSeries: 'Time Series',

src/components/Sidebar/SidebarContainer.tsx

@@ -33,7 +33,7 @@ export default function MapContainer() {
   const theme = useTheme();
   const dispatch = useAppDispatch();
 
-  const {geoData, mapData, searchBarData, nodes, compartments} = useContext(DataContext)!;
+  const {geoData, mapData, searchBarData, nodes, compartments, populationByNuts} = useContext(DataContext)!;
 
   const storeSelectedArea = useAppSelector((state) => state.dataSelection.district);
   const selectedCompartment = useAppSelector((state) => state.dataSelection.compartment);
@@ -130,11 +130,13 @@ export default function MapContainer() {
       const compartmentName = tBackend(
         `infection-states.${compartments?.find((c) => c.id === selectedCompartment)?.name}`
       );
+      const population = populationByNuts?.[String(regionData?.RS)] as number | undefined;
+      const populationLine = population ? `${t('heatlegend.population')}: ${formatNumber(population)}` : '';
       return selectedScenario !== null && selectedCompartment
-        ? `${bez} {GEN}\n${compartmentName}: ${formatNumber(Number(regionData?.value))}`
-        : `${bez} {GEN}`;
+        ? `${bez} {GEN}\n${populationLine}\n${compartmentName}: ${formatNumber(Number(regionData?.value))}`
+        : `${bez} {GEN}${populationLine}`;
     },
-    [compartments, formatNumber, selectedCompartment, selectedScenario, t, tBackend]
+    [compartments, formatNumber, populationByNuts, selectedCompartment, selectedScenario, t, tBackend]
   );
 
   const calculateToolTipFetching = useCallback(

src/context/SelectedDataContext.tsx

@@ -53,6 +53,7 @@ interface DataContextType {
   npis: InterventionTemplates;
   nodeLists: NodeLists;
   nodes: Nodes;
+  populationByNuts: Record<string, number>;
 }
 
 export const DataContext = createContext<DataContextType | null>(null);
@@ -334,6 +335,7 @@ export default function SelectedDataContext(props: {baseData: BaseData; children
       selectedScenarioData: selectedScenarioData!,
       selectedSimulationModel: selectedSimulationModel!,
       parameterDefinitions: parameterDefinitions ?? {},
+      populationByNuts: props.baseData.populationByNuts,
     }),
     [
       props.baseData,