diff --git a/src/components/CommonKit/Spinner/Spinner.spec.tsx b/src/components/CommonKit/Spinner/Spinner.spec.tsx index 868a8370ca545d8d192e37d1b1571c796e0a478c..ff1327a0d2a4de39ce9adf447cb383808841a78b 100644 --- a/src/components/CommonKit/Spinner/Spinner.spec.tsx +++ b/src/components/CommonKit/Spinner/Spinner.spec.tsx @@ -2,6 +2,16 @@ import React from 'react' import { mount } from 'enzyme' import Spinner from './Spinner' +jest.mock('cozy-ui/transpiled/react/I18n', () => { + return { + useI18n: jest.fn(() => { + return { + t: (str: string) => str, + } + }), + } +}) + describe('Spinner component test ', () => { const mockProps = { size: 14, diff --git a/src/components/CommonKit/Spinner/Spinner.tsx b/src/components/CommonKit/Spinner/Spinner.tsx index 741c273c529ac3c9192d6f591dcf1709a3156de3..6c9ab1f66946f964deab153a9a3ffe131a6d88c0 100644 --- a/src/components/CommonKit/Spinner/Spinner.tsx +++ b/src/components/CommonKit/Spinner/Spinner.tsx @@ -1,13 +1,19 @@ import React from 'react' import CircularProgress from '@material-ui/core/CircularProgress' +import { useI18n } from 'cozy-ui/transpiled/react/I18n' interface SpinnerProps { size: number | string } const Spinner: React.FC<SpinnerProps> = ({ size }: SpinnerProps) => { + const { t } = useI18n() return ( - <CircularProgress size={size} aria-label="Chargement" title="Chargement" /> + <CircularProgress + size={size} + aria-label={t('common.accessibility.loading')} + title={t('common.accessibility.loading')} + /> ) } diff --git a/src/components/FluidChart/FluidChart.tsx b/src/components/FluidChart/FluidChart.tsx index 9aedf1f65efdb022dd8ba005dfc58325286d94f4..9ff72d3d195c2d6dad2c5a4358f60ad5e07a0c6d 100644 --- a/src/components/FluidChart/FluidChart.tsx +++ b/src/components/FluidChart/FluidChart.tsx @@ -137,7 +137,11 @@ const FluidChart: React.FC<FluidChartProps> = ({ <Switch fluidType={fluidType} checked={showCompare} - inputProps={{ 'aria-label': 'Checkbox' }} + inputProps={{ + 'aria-label': t( + 'consumption.accessibility.checkbox_compare' + ), + }} /> <span className={ diff --git a/src/components/Splash/SplashScreen.tsx b/src/components/Splash/SplashScreen.tsx index f1d24f4414ea5d53590762cf689605a70a19c6fb..44b1ba189703c769c897ccfd47d2886209f5c0c8 100644 --- a/src/components/Splash/SplashScreen.tsx +++ b/src/components/Splash/SplashScreen.tsx @@ -23,7 +23,6 @@ const SplashScreen: React.FC = () => { <img src={logos} alt="ensemble de logos" /> </div> </div> - {/* <div className="splash-footer"></div> */} </> ) } diff --git a/src/locales/fr.json b/src/locales/fr.json index e54b7b7497f608137c5271bd98f9b611bfa762e9..f4612ee9f39292de5a238711e72cc921085320d8 100644 --- a/src/locales/fr.json +++ b/src/locales/fr.json @@ -16,7 +16,10 @@ "title_options": "Options", "title_profiletype": "Ajuster mon profil", "title_faq": "FAQ", - "title_legal_notice": "Mentions légales" + "title_legal_notice": "Mentions légales", + "accessibility": { + "loading": "Chargement" + } }, "FLUID": { "ELECTRICITY": { @@ -213,7 +216,8 @@ "button_previous_period": "Afficher la période précédente", "button_next_period": "Afficher la période suivante", "button_previous_value": "Sélectionner la valeur précédente", - "button_next_value": "Sélectionner la valeur suivante" + "button_next_value": "Sélectionner la valeur suivante", + "checkbox_compare": "Bouton checkbox" } }, "consumption_details": {