diff --git a/site/source/components/Feedback/index.tsx b/site/source/components/Feedback/index.tsx index 3cbf6897d..e74d473d5 100644 --- a/site/source/components/Feedback/index.tsx +++ b/site/source/components/Feedback/index.tsx @@ -1,3 +1,4 @@ +import FocusTrap from 'focus-trap-react' import { useCallback, useContext, useRef, useState } from 'react' import { Trans, useTranslation } from 'react-i18next' import { useLocation } from 'react-router-dom' @@ -92,83 +93,91 @@ const FeedbackButton = ({ isEmbedded }: { isEmbedded?: boolean }) => { if (isFormOpen) { return (
- - setIsFormOpen(false)} - aria-label={t('Fermer le module "Donner son avis"')} - > - Fermer - - - - - - - {isShowingThankMessage || !shouldAskFeedback ? ( - <> - - - Merci de votre retour !{' '} - - - - - - Pour continuer à donner votre avis et accéder aux nouveautés en - avant-première,{' '} - +
+ + setIsFormOpen(false)} + aria-label={t('Fermer le module "Donner son avis"')} + > + Fermer + - inscrivez-vous sur la liste des beta-testeur - - - - - ) : ( - <> - - {customTitle || Un avis sur cette page ?} - - On vous écoute. - - {shouldShowRater && ( - + + + + + + {isShowingThankMessage || !shouldAskFeedback ? ( + <> + + + + Merci de votre retour ! + {' '} + + + + + + Pour continuer à donner votre avis et accéder aux nouveautés + en avant-première,{' '} + + inscrivez-vous sur la liste des beta-testeur + + + + + ) : ( + <> + + {customTitle || Un avis sur cette page ?} + + On vous écoute. + + {shouldShowRater && ( + + )} + )} - - )} - - {isSimulateurSalaire ? ( - - ) : ( - - )} + + {isSimulateurSalaire ? ( + + ) : ( + + )} +
+ {isShowingSuggestionForm && ( ) diff --git a/site/source/pages/assistants/choix-du-statut/GuideStatut/PreviousAnswers.tsx b/site/source/pages/assistants/choix-du-statut/GuideStatut/PreviousAnswers.tsx index 25dd10680..a235cc3ee 100644 --- a/site/source/pages/assistants/choix-du-statut/GuideStatut/PreviousAnswers.tsx +++ b/site/source/pages/assistants/choix-du-statut/GuideStatut/PreviousAnswers.tsx @@ -52,7 +52,7 @@ const requirementToText = ( } } -const PreviousAnswersList = styled.ul` +const PreviousAnswersList = styled.nav` font-family: ${({ theme }) => theme.fonts.main}; display: flex; list-style-type: none; @@ -84,7 +84,7 @@ export default function PreviousAnswers() { } return ( - + {Object.entries(legalStatus).map(([key, value]) => { const textObject = requirementToText( key as keyof LegalStatusRequirements,