From 5780b175145bbd86dd8d3c82e5ec098511d6fbec Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?J=C3=A9r=C3=A9my=20Rialland?= Date: Wed, 14 Jun 2023 15:17:39 +0200 Subject: [PATCH] Ajout modal nous contacter --- site/source/components/Contact.tsx | 71 +++++++++++++++++++ .../components/layout/Footer/Footer.tsx | 4 ++ site/source/locales/rules-en.yaml | 35 ++++++++- site/source/locales/ui-en.yaml | 14 ++++ site/source/locales/ui-fr.yaml | 14 ++++ 5 files changed, 136 insertions(+), 2 deletions(-) create mode 100644 site/source/components/Contact.tsx diff --git a/site/source/components/Contact.tsx b/site/source/components/Contact.tsx new file mode 100644 index 000000000..c81872f3b --- /dev/null +++ b/site/source/components/Contact.tsx @@ -0,0 +1,71 @@ +import { Trans, useTranslation } from 'react-i18next' + +import { Message, PopoverWithTrigger } from '@/design-system' +import { H2 } from '@/design-system/typography/heading' +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() { + const { t } = useTranslation() + + return ( + ( + + Nous contacter + + )} + title={t('contact.title', 'Nous contacter')} + small + > + + + 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 :{' '} + + contact@mon-entreprise.beta.gouv.fr + + + + + + + Nous sommes une petite équipe uniquement affectée au développement + du site mon-entreprise.urssaf.fr et des simulateurs associés. +
+ 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. + + + + + + Si vous souhaitez contacter votre Urssaf, vous pouvez utiliser les + canaux habituels : + +
    +
  • + par téléphone :{' '} + + www.urssaf.fr/portail/home/votre-urssaf/contacts-telephoniques.html + +
    • +
  • + par message :{' '} + + www.contact.urssaf.fr + +
    • +
+ + + ) +} diff --git a/site/source/components/layout/Footer/Footer.tsx b/site/source/components/layout/Footer/Footer.tsx index 39b1fe91e..2c4dd9179 100644 --- a/site/source/components/layout/Footer/Footer.tsx +++ b/site/source/components/layout/Footer/Footer.tsx @@ -3,6 +3,7 @@ import { Trans, useTranslation } from 'react-i18next' import { useLocation } from 'react-router-dom' import styled, { css } from 'styled-components' +import Contact from '@/components/Contact' import FeedbackButton from '@/components/Feedback' import LegalNotice from '@/components/LegalNotice' import { ForceThemeProvider } from '@/components/utils/DarkModeContext' @@ -191,6 +192,9 @@ export default function Footer() {