diff --git a/src/components/Connection/GRDFConnect/GrdfWaitConsent.scss b/src/components/Connection/GRDFConnect/GrdfWaitConsent.scss index 437a5f44d142a75d0f569b5cfa157c703be0c616..e87c90a4a3e00b7b18fe6a6d213a8a3cbfc3e763 100644 --- a/src/components/Connection/GRDFConnect/GrdfWaitConsent.scss +++ b/src/components/Connection/GRDFConnect/GrdfWaitConsent.scss @@ -4,7 +4,7 @@ margin: auto; display: flex; flex-direction: column; - gap: 1rem; + gap: 0.5rem; align-items: center; text-align: center; padding-inline: 1rem; @@ -13,7 +13,7 @@ color: var(--gasColor); } - .emailContainer span { + .emailContainer { color: $gold-shadow; font-weight: 700; } diff --git a/src/components/Connection/GRDFConnect/GrdfWaitConsent.tsx b/src/components/Connection/GRDFConnect/GrdfWaitConsent.tsx index 3718fa18e41cd50ca41813f370e8ec87a7819ba0..6d75b999c3ceaaea36e564837ca7f455e1899454 100644 --- a/src/components/Connection/GRDFConnect/GrdfWaitConsent.tsx +++ b/src/components/Connection/GRDFConnect/GrdfWaitConsent.tsx @@ -41,14 +41,10 @@ export const GrdfWaitConsent = () => { return ( <div className="grdfWait"> - <div - className="text-18-normal emailContainer" - dangerouslySetInnerHTML={{ - __html: t('auth.grdfgrandlyon.waiting.mailSent', { - email: emailSentOn, - }), - }} - /> + <div className="text-18-normal"> + {t('auth.grdfgrandlyon.waiting.mailSent')} + </div> + <span className="emailContainer">{emailSentOn}</span> <StyledIcon size={80} icon={GRDFMail} /> <div className="text-18-normal"> <span className="text-18-bold green"> diff --git a/src/locales/fr.json b/src/locales/fr.json index cd4cbbaffcbca9e381a4d79615fc9ac765b69d15..ffd234efa3aa4d842772cd45e769c9675a728bbf 100644 --- a/src/locales/fr.json +++ b/src/locales/fr.json @@ -217,7 +217,7 @@ "consentCheck1": "Je consens à partager les données personnelles ci-dessus pour une durée d'<span>un\u00a0an</span>", "consentCheck2": "J’atteste être le titulaire du point de livraison (PCE) renseigné à l’étape précédente", "waiting": { - "mailSent": "Un mail va vous être envoyé par GRDF sur l’adresse mail :<br><span>%{email}</span>", + "mailSent": "Un mail va vous être envoyé par GRDF sur l’adresse mail\u00a0:", "validate": "Merci de valider l'autorisation d'accès à vos données", "comeback": "Une fois ce clic effectué, revenez ici pour accéder à vos données", "button_done": "C’est fait !"