import Overlay from 'Components/Overlay' import { ScrollToTop } from 'Components/utils/Scroll' import React, { useState } from 'react' import { Trans } from 'react-i18next' export const LegalNoticeContent = () => ( <> <h1> <Trans i18nKey="legalNotice.title">Mentions légales</Trans> </h1> <h2> <Trans i18nKey="legalNotice.editeur.title">Editeur</Trans> </h2> <p> <Trans i18nKey="legalNotice.editeur.content"> Incubateur des services numériques, <br /> Direction interministérielle du numérique et du système d'information et de communication de l'Etat (DINSIC), <br /> Services du Premier ministre. </Trans> </p> <h2> <Trans i18nKey="legalNotice.publication.title"> Directeur de la publication </Trans> </h2> <p> <Trans i18nKey="legalNotice.publication.content"> M. Yann-Gaël Amghar, Directeur de l'Acoss </Trans> </p> <h2> <Trans i18nKey="legalNotice.hosting.title"> Prestataire d'hébergement </Trans> </h2> <p> <Trans i18nKey="legalNotice.hosting.content"> Netlify <br /> 610 22nd Street, Suite 315, <br /> San Francisco, CA 94107 <br /> Site web : <a href="https://www.netlify.com" target="_blank"> https://www.netlify.com </a> </Trans> </p> <h2> <Trans i18nKey="legalNotice.contact.title">Contact</Trans> </h2> <p> <Trans i18nKey="legalNotice.contact.content"> <a target="_blank" href="mailto:contact@mon-entreprise.beta.gouv.fr"> contact@mon-entreprise.beta.gouv.fr </a> </Trans> </p> </> ) export default function LegalNotice() { const [opened, setOpened] = useState(false) const handleClose = () => { setOpened(false) } const handleOpen = () => { setOpened(true) } return ( <> <button onClick={handleOpen} className="ui__ link-button"> <Trans i18nKey="legalNotice.title">Mentions légales</Trans> </button> {opened && ( <Overlay onClose={handleClose} style={{ textAlign: 'left' }}> <ScrollToTop /> <LegalNoticeContent /> </Overlay> )} </> ) }