diff --git a/src/components/Navbar/Navbar.tsx b/src/components/Navbar/Navbar.tsx index 581cbba1c52a86544306ae6db1d7dfb49ee43f54..c343f110be6bf27f3ee8438118aca383f01ece31 100644 --- a/src/components/Navbar/Navbar.tsx +++ b/src/components/Navbar/Navbar.tsx @@ -98,10 +98,7 @@ const Navbar = () => { </ul> </nav> <div role="contentinfo" className="logos-container"> - <img - src={logos} - alt="Logo des financeurs : Métropole de Lyon, Etat via la Banque des Territoires et son programme France 2030, Union Européenne" - /> + <img src={logos} alt={t(`common.funders_logo`)} /> </div> </aside> ) diff --git a/src/components/Options/OptionsView.tsx b/src/components/Options/OptionsView.tsx index 49f4bb50a5d522088338993dc4987d4f328c4474..54e5e694ea399046539b9ed80c440aec418ae30d 100644 --- a/src/components/Options/OptionsView.tsx +++ b/src/components/Options/OptionsView.tsx @@ -2,6 +2,7 @@ import logos from 'assets/png/logos_partenaires.svg' import Content from 'components/Content/Content' import CozyBar from 'components/Header/CozyBar' import Header from 'components/Header/Header' +import { useI18n } from 'cozy-ui/transpiled/react/I18n' import React from 'react' import Accessibility from './Accessibility/Accessibility' import ExportData from './ExportData/ExportData' @@ -14,6 +15,8 @@ import ReportOptions from './ReportOptions/ReportOptions' import Version from './Version/Version' const OptionsView = () => { + const { t } = useI18n() + return ( <> <CozyBar titleKey="common.title_options" /> @@ -28,10 +31,7 @@ const OptionsView = () => { <Accessibility /> <MatomoOptOut /> <div className="parameters-logos"> - <img - src={logos} - alt="Logo des financeurs : Métropole de Lyon, Etat via la Banque des Territoires et son programme France 2030, Union Européenne" - /> + <img src={logos} alt={t(`common.funders_logo`)} /> </div> <Version /> </Content> diff --git a/src/components/Options/__snapshots__/OptionsView.spec.tsx.snap b/src/components/Options/__snapshots__/OptionsView.spec.tsx.snap index 7c656548ccaacfba5622169171ff6b2524b8ef7c..0626619f62acc1b9bf5a142240ff42999812f6d7 100644 --- a/src/components/Options/__snapshots__/OptionsView.spec.tsx.snap +++ b/src/components/Options/__snapshots__/OptionsView.spec.tsx.snap @@ -397,7 +397,7 @@ exports[`OptionsView component should be rendered correctly 1`] = ` class="parameters-logos" > <img - alt="Logo des financeurs : Métropole de Lyon, Etat via la Banque des Territoires et son programme France 2030, Union Européenne" + alt="common.funders_logo" src="test-file-stub" /> </div> diff --git a/src/components/Splash/SplashScreen.tsx b/src/components/Splash/SplashScreen.tsx index 7704bccd4961e2a1ee0d11e682cb69493e00ad45..e33ca2b88c1d6fb64870a10df5c959da7239ed4b 100644 --- a/src/components/Splash/SplashScreen.tsx +++ b/src/components/Splash/SplashScreen.tsx @@ -30,10 +30,7 @@ const SplashScreen = ({ initStep }: { initStep: InitSteps }) => { {t(`splashscreen.step.${initStep}`)} </div> <div className="splash-logos-container"> - <img - src={logos} - alt="Logo des financeurs : Métropole de Lyon, Etat via la Banque des Territoires et son programme France 2030, Union Européenne" - /> + <img src={logos} alt={t(`common.funders_logo`)} /> </div> </div> ) diff --git a/src/components/Splash/__snapshots__/SplashRoot.spec.tsx.snap b/src/components/Splash/__snapshots__/SplashRoot.spec.tsx.snap index fa4bb3de62203c74ec6b90ba02c140ece728fc6f..1cc016b6bf9ee4e84abc6eba83474d49907a400e 100644 --- a/src/components/Splash/__snapshots__/SplashRoot.spec.tsx.snap +++ b/src/components/Splash/__snapshots__/SplashRoot.spec.tsx.snap @@ -41,7 +41,7 @@ exports[`SplashRoot component should be rendered correctly 1`] = ` class="splash-logos-container" > <img - alt="Logo des financeurs : Métropole de Lyon, Etat via la Banque des Territoires et son programme France 2030, Union Européenne" + alt="common.funders_logo" src="test-file-stub" /> </div> diff --git a/src/components/Splash/__snapshots__/SplashScreen.spec.tsx.snap b/src/components/Splash/__snapshots__/SplashScreen.spec.tsx.snap index 312e5c68c2a2ccd1ba7f994716b8cfd3ce1a7788..fee381e60a027c591bb21d19cc7a20a4f0d565cf 100644 --- a/src/components/Splash/__snapshots__/SplashScreen.spec.tsx.snap +++ b/src/components/Splash/__snapshots__/SplashScreen.spec.tsx.snap @@ -37,7 +37,7 @@ exports[`SplashScreen component should be rendered correctly 1`] = ` class="splash-logos-container" > <img - alt="Logo des financeurs : Métropole de Lyon, Etat via la Banque des Territoires et son programme France 2030, Union Européenne" + alt="common.funders_logo" src="test-file-stub" /> </div> diff --git a/src/locales/fr.json b/src/locales/fr.json index ba513ab60c237b61736ceb31aeb3a8286ab7d435..81db76e0d51ef5699c268eb65c7358ac91aefebc 100644 --- a/src/locales/fr.json +++ b/src/locales/fr.json @@ -20,7 +20,8 @@ "title_gas_connect": "Connexion au gaz", "accessibility": { "loading": "Chargement" - } + }, + "funders_logo": "Logo des financeurs : Métropole de Lyon, Etat via la Banque des Territoires et son programme France 2030, Union Européenne" }, "navigation": { "consumption": "Conso",