betagouv
/
mon-entreprise
mirror of https://github.com/betagouv/mon-entreprise
1
0
Fork 0
Code Releases Activity

feat: Ajoute title aux boutons de langues

pull/2573/head
Benjamin Arias 2023-03-13 11:06:00 +01:00 committed by Jérémy Rialland
parent 6ba8a6cc52
commit e21abf2f76
1 changed files with 21 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
site/source/components/layout/Footer/Footer.tsx
View File

@ -1,7 +1,7 @@
import { Helmet } from 'react-helmet-async'
import { Trans, useTranslation } from 'react-i18next'
import { useLocation } from 'react-router-dom'
import styled from 'styled-components'
import styled, { css } from 'styled-components'
import FeedbackButton from '@/components/Feedback'
import LegalNotice from '@/components/LegalNotice'
@ -144,11 +144,17 @@ export default function Footer() {
openInSameWindow
href={hrefLink.href}
aria-disabled={isFrenchMode}
isDisabled={isFrenchMode}
aria-label={
isFrenchMode
? t('Version française du site activée.')
: t('Passer à la version française du site')
}
title={
isFrenchMode
? t('Version française du site activée.')
: t('Passer à la version française du site')
}
lang="fr"
data-test-id="fr-switch-button"
>
@ -168,6 +174,13 @@ export default function Footer() {
'Switch to the english version of the website'
)
}
title={
!isFrenchMode
? t('English version of the website enabled.')
: t(
'Switch to the english version of the website'
)
}
data-test-id="en-switch-button"
>
EN <Emoji emoji="🇬🇧" />
@ -220,10 +233,13 @@ const StyledButton = styled(Button)`
padding: 10px 16px 10px 16px;
border-radius: 4px;
&[aria-disabled='true'] {
background-color: ${({ theme }) => theme.colors.bases.primary[300]};
pointer-events: none;
}
${({ isDisabled }) =>
isDisabled &&
css`
background-color: ${({ theme }) =>
theme.colors.bases.primary[300]}!important;
opacity: 1;
`}
`
const StyledLi = styled.li`