feat(site): Met à jour les informations de contact

betagouv · Aug 1, 2024 · bf6b5da · bf6b5da
1 parent 1d2874c
commit bf6b5da
Show file tree

Hide file tree

Showing 3 changed files with 34 additions and 49 deletions.
diff --git a/site/source/components/Contact.tsx b/site/source/components/Contact.tsx
@@ -2,7 +2,6 @@ import { Trans, useTranslation } from 'react-i18next'
 
 import { Message, PopoverWithTrigger } from '@/design-system'
 import { Link, StyledLink } from '@/design-system/typography/link'
-import { Li, Ul } from '@/design-system/typography/list'
 import { Body } from '@/design-system/typography/paragraphs'
 
 export default function Contact() {
@@ -12,7 +11,7 @@ export default function Contact() {
 		<PopoverWithTrigger
 			trigger={(buttonProps) => (
 				<Link {...buttonProps} aria-haspopup="dialog" noUnderline>
-					<Trans i18nKey="contact.title">Nous contacter</Trans>
+					{t('contact.title', 'Nous contacter')}
 				</Link>
 			)}
 			title={t('contact.title', 'Nous contacter')}
@@ -33,38 +32,29 @@ export default function Contact() {
 				</Body>
 			</Trans>
 			<Message type="info" icon>
-				<Trans i18nKey="contact.info">
-					<Body>
-						Nous sommes une petite équipe uniquement affectée au développement
-						du site mon-entreprise.urssaf.fr et des simulateurs associés.
-						<br />
-						Par conséquent, nous n'avons pas accès à la situation personnelle
-						des cotisants (pour des raisons de confidentialité), et nous ne
-						pouvons légalement pas donner de conseil sur une situation
-						spécifique.
-					</Body>
-				</Trans>
-			</Message>
-			<Trans i18nKey="contact.urssaf">
 				<Body>
-					Si vous souhaitez contacter votre Urssaf, vous pouvez utiliser les
-					canaux habituels :
+					{t(
+						'contact.info',
+						"Nous n'avons pas accès à la situation personnelle des cotisants (pour des raisons de confidentialité), et nous ne pouvons légalement pas donner de conseil sur une situation spécifique."
+					)}
 				</Body>
-				<Ul>
-					<Li>
-						par téléphone :{' '}
-						<Link href="https://www.urssaf.fr/portail/home/votre-urssaf/contacts-telephoniques.html">
-							www.urssaf.fr/portail/home/votre-urssaf/contacts-telephoniques.html
-						</Link>
-					</Li>
-					<Li>
-						par message :{' '}
-						<Link href="https://www.contact.urssaf.fr">
-							www.contact.urssaf.fr
-						</Link>
-					</Li>
-				</Ul>
-			</Trans>
+			</Message>
+			<Body>
+				<Trans i18nKey="contact.urssaf">
+					Pour une question sur votre situation ou une démarche à effectuer,
+					nous vous invitons à contacter directement un conseiller de l'Urssaf
+					qui pourra vous renseigner :
+					<br />
+					<Link
+						href="https://www.urssaf.fr/accueil/contacter-urssaf.html"
+						aria-label="Ouvrir le lien dans une nouvelle fenêtre"
+						target="_blank"
+						rel="noreferrer"
+					>
+						https://www.urssaf.fr/accueil/contacter-urssaf.html
+					</Link>
+				</Trans>
+			</Body>
 		</PopoverWithTrigger>
 	)
 }
diff --git a/site/source/locales/ui-en.yaml b/site/source/locales/ui-en.yaml
@@ -530,16 +530,13 @@ contact:
   email: "<0>You can contact us via our returns module using the 👋 button at the
     top right of your screen or directly by e-mail at the following address:
     <2>[email protected]</2></0>"
-  info: <0>We are a small team dedicated solely to the development of the
-    mon-entreprise.urssaf.fr website and the associated simulators.<1></1>As a
-    result, we have no access to the personal situation of contributors (for
+  info: We do not have access to the personal situation of contributors (for
     confidentiality reasons), and we cannot legally give advice on a specific
-    situation.</0>
+    situation.
   title: Contact us
-  urssaf: "<0>If you wish to contact your Urssaf, you can use the usual
-    channels:</0><1><0>by telephone:
-    <2>www.urssaf.fr/portail/home/votre-urssaf/contacts-telephoniques.html</2><\
-    /0><1>by message: <2>www.contact.urssaf.fr</2></1></1>"
+  urssaf: If you have any questions about your situation or the steps to be taken,
+    please contact an Urssaf advisor
+    directly:<1></1><2>https://www.urssaf.fr/accueil/contacter-urssaf.html</2>
 conversation:
   multiple-answer:
     aria-label: Multiple choice

diff --git a/site/source/locales/ui-fr.yaml b/site/source/locales/ui-fr.yaml
@@ -558,16 +558,14 @@ contact:
   email: "<0>Vous pouvez nous contacter via notre module de retours via le boutton
     👋 en haut à droite de votre ecran ou directement par mail à l'adresse
     suivante : <2>[email protected]</2></0>"
-  info: <0>Nous sommes une petite équipe uniquement affectée au développement du
-    site mon-entreprise.urssaf.fr et des simulateurs associés.<1></1>Par
-    conséquent, nous n'avons pas accès à la situation personnelle des cotisants
-    (pour des raisons de confidentialité), et nous ne pouvons légalement pas
-    donner de conseil sur une situation spécifique.</0>
+  info: Nous n'avons pas accès à la situation personnelle des cotisants (pour des
+    raisons de confidentialité), et nous ne pouvons légalement pas donner de
+    conseil sur une situation spécifique.
   title: Nous contacter
-  urssaf: "<0>Si vous souhaitez contacter votre Urssaf, vous pouvez utiliser les
-    canaux habituels :</0><1><0>par téléphone :
-    <2>www.urssaf.fr/portail/home/votre-urssaf/contacts-telephoniques.html</2><\
-    /0><1>par message : <2>www.contact.urssaf.fr</2></1></1>"
+  urssaf: Pour une question sur votre situation ou une démarche à effectuer, nous
+    vous invitons à contacter directement un conseiller de l'Urssaf qui pourra
+    vous renseigner
+    :<1></1><2>https://www.urssaf.fr/accueil/contacter-urssaf.html</2>
 conversation:
   multiple-answer:
     aria-label: Choix multiples