1
0
Fork 0
mirror of https://github.com/betagouv/mon-entreprise synced 2025-02-09 05:15:02 +00:00
mon-entreprise/source/components/LegalNotice.tsx
Maxime Quandalle 7e2a4085a7 Poursuite de la migration TypeScript
* Utilisation de la version stable de TypeScript 3.7

* Début de migration du State Redux. Plutôt que de redéfinir les types
  en doublon par rapport aux actions et reducers, on utilise les valeurs
  retournées par ces fonctions comme source pour les types globaux.

* Modification de tsconfig pour meilleur typage dans VS Code

* Meilleur typage de l'environnement : suppression de @types/node qui
  était trop large (contient tout l'environnement serveur), et
  remplacement par @types/webpack-env. Par ailleurs typage des variables
  d'environnement utilisées.

* Début de migration de l'économie collaborative

* Migration de nombreux composants UI

* Mise à jour de dépendances pour récupérer un meilleur typage

* Ajout d'un hook pour configurer les simulateurs

* Suppression du higher-order component "withSitePaths", on utilise
  systématiquement le hook useContext.

L'essentiel de l'application est maintenant migré, reste le moteur !
2019-11-11 11:33:38 +01:00

87 lines
2 KiB
TypeScript

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 :&nbsp;
<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>
)}
</>
)
}