Merge branch '635-accessibilite-titre-des-pages' into 'dev'

feat(titles): change header titles to match page titles

See merge request !1197

src/components/Consumption/ConsumptionView.tsx

@@ -27,6 +27,7 @@ import { useAppDispatch, useAppSelector } from 'store/hooks'
 import { openPartnersModal, setCustomPopup } from 'store/modal/modal.slice'
 import { isLastDateReached } from 'utils/date'
 import {
+  getFluidName,
   getKonnectorUpdateError,
   getPartnerKey,
   getTodayDate,
@@ -75,6 +76,11 @@ const ConsumptionView = ({ fluidType }: { fluidType: FluidType }) => {
       ? `${currentFluidStatus.lastDataDate.toLocaleString() + fluidType}`
       : ''
 
+  const getTitleKey = (fluidType: FluidType): string => {
+    if (fluidType === FluidType.MULTIFLUID) return 'common.title_consumption'
+    return `common.title_consumption_${getFluidName(fluidType)}`
+  }
+
   const handleCloseReleaseNoteModal = useCallback(() => {
     setOpenReleaseNoteModal(false)
     dispatch(
@@ -198,8 +204,8 @@ const ConsumptionView = ({ fluidType }: { fluidType: FluidType }) => {
 
   return (
     <>
-      <CozyBar titleKey="common.title_consumption" />
-      <Header desktopTitleKey="common.title_consumption">
+      <CozyBar titleKey={getTitleKey(fluidType)} />
+      <Header desktopTitleKey={getTitleKey(fluidType)}>
         <DateNavigator
           disableNext={isLastDateReached(selectedDate, currentTimeStep)}
           disablePrev={disablePrev}

src/locales/fr.json

@@ -2,6 +2,9 @@
   "common": {
     "title_app": "Ecolyo",
     "title_consumption": "Conso",
+    "title_consumption_electricity": "Conso électrique",
+    "title_consumption_gas": "Conso de gaz",
+    "title_consumption_water": "Conso d'eau",
     "title_challenge": "Défis",
     "title_quiz": "Quiz",
     "title_exploration": "Exploration",