This repository has been archived by the owner on Jan 19, 2024. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
feat(all-application): Use react-dsfr (#23)
* Install React-DSFR * Update packages * Remove wrong link * Update dockerfile
- Loading branch information
Showing
25 changed files
with
1,178 additions
and
1,497 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,105 +1,85 @@ | ||
| import { | ||
| Footer as FooterDS, | ||
| FooterBody, | ||
| FooterBodyItem, | ||
| FooterBottom, | ||
| FooterCopy, | ||
| FooterLink, | ||
| Logo, | ||
| } from "@dataesr/react-dsfr"; | ||
| import React from "react"; | ||
|
|
||
| const Footer = () => { | ||
| return ( | ||
| <footer className="fr-footer fr-mt-2w" id="footer"> | ||
| <div className="fr-container"> | ||
| <div className="fr-footer__body"> | ||
| <div className="fr-footer__brand"> | ||
| <a className="fr-logo" href="/" title="République française"> | ||
| <p className="fr-logo__title fr-mb-0"> | ||
| Ministère | ||
| <br /> | ||
| des Solidarités | ||
| <br /> | ||
| et de la Santé | ||
| </p> | ||
| </a> | ||
| </div> | ||
| <div className="fr-footer__brand"> | ||
| <a href="/" title="Accueil"> | ||
| <img src="/images/cpam.png" alt="CNAM" width="200" height="66" /> | ||
| </a> | ||
| </div> | ||
| <div className="fr-footer__content"> | ||
| <p className="fr-footer__content-desc"> | ||
| Le code source est ouvert et les contributions sont bienvenues.{" "} | ||
| <a | ||
| title="Voir le code source" | ||
| href="https://github.com/SocialGouv/mon-psy-sante" | ||
| target="_blank" | ||
| rel="noopener noreferrer" | ||
| > | ||
| Voir le code source | ||
| </a> | ||
| </p> | ||
| const FooterDescription = () => ( | ||
| <> | ||
| Le code source est ouvert et les contributions sont bienvenues.{" "} | ||
| <a | ||
| href="https://github.com/betagouv/sante-psy" | ||
| target="_blank" | ||
| rel="noopener noreferrer" | ||
| > | ||
| Voir le code source | ||
| </a> | ||
| . | ||
| </> | ||
| ); | ||
| const footerBodyLinks = [ | ||
| { | ||
| link: "https://solidarites-sante.gouv.fr", | ||
| title: "solidarites-sante.gouv.fr", | ||
| }, | ||
| { | ||
| link: "https://www.ameli.fr", | ||
| title: "ameli.fr", | ||
| }, | ||
| { | ||
| link: "https://beta.gouv.fr/", | ||
| title: "beta.gouv.fr", | ||
| }, | ||
| ]; | ||
|
|
||
| <ul className="fr-footer__content-list"> | ||
| <li className="fr-footer__content-item"> | ||
| <a | ||
| className="fr-footer__content-link" | ||
| href="https://solidarites-sante.gouv.fr" | ||
| target="_blank" | ||
| rel="noopener noreferrer" | ||
| > | ||
| solidarites-sante.gouv.fr | ||
| </a> | ||
| </li> | ||
| <li className="fr-footer__content-item"> | ||
| <a | ||
| className="fr-footer__content-link" | ||
| href="https://www.ameli.fr" | ||
| target="_blank" | ||
| rel="noopener noreferrer" | ||
| > | ||
| ameli.fr | ||
| </a> | ||
| </li> | ||
| <li className="fr-footer__content-item"> | ||
| <a | ||
| className="fr-footer__content-link" | ||
| href="https://beta.gouv.fr/" | ||
| target="_blank" | ||
| rel="noopener noreferrer" | ||
| > | ||
| beta.gouv.fr | ||
| </a> | ||
| </li> | ||
| </ul> | ||
| </div> | ||
| </div> | ||
| <div className="fr-footer__bottom"> | ||
| <ul className="fr-footer__bottom-list"> | ||
| <li className="fr-footer__bottom-item"> | ||
| <a | ||
| className="fr-footer__bottom-link" | ||
| href="/mentions-legales#accessibilite" | ||
| > | ||
| Accessibilité: non conforme | ||
| </a> | ||
| </li> | ||
| <li className="fr-footer__bottom-item"> | ||
| <a className="fr-footer__bottom-link" href="/mentions-legales"> | ||
| Mentions légales | ||
| </a> | ||
| </li> | ||
| </ul> | ||
| <div className="fr-footer__bottom-copy"> | ||
| <p> | ||
| Sauf mention contraire, tous les textes de ce site sont sous{" "} | ||
| <a | ||
| href="https://github.com/etalab/licence-ouverte/blob/master/LO.md" | ||
| rel="noreferrer" | ||
| target="_blank" | ||
| > | ||
| licence etalab-2.0 | ||
| </a> | ||
| </p> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </footer> | ||
| ); | ||
| }; | ||
| const footerBottomLinks = [ | ||
| { | ||
| link: "/mentions-legales#accessibilite", | ||
| title: "Accessibilité : non conforme", | ||
| }, | ||
| { | ||
| link: "/mentions-legales", | ||
| title: "Mentions légales", | ||
| }, | ||
| ]; | ||
|
|
||
| const Footer = () => ( | ||
| <FooterDS> | ||
| <FooterBody description={<FooterDescription />}> | ||
| <Logo>Ministère des Solidarités et de la Santé</Logo> | ||
| {footerBodyLinks.map((item) => ( | ||
| <FooterBodyItem key={item.title}> | ||
| <a href={item.link} target="_blank" rel="noopener noreferrer"> | ||
| {item.title} | ||
| </a> | ||
| </FooterBodyItem> | ||
| ))} | ||
| </FooterBody> | ||
| <FooterBottom> | ||
| {footerBottomLinks.map((item) => ( | ||
| <FooterLink key={item.title} href={item.link}> | ||
| {item.title} | ||
| </FooterLink> | ||
| ))} | ||
| </FooterBottom> | ||
| <FooterCopy> | ||
| <p> | ||
| Sauf mention contraire, tous les textes de ce site sont sous{" "} | ||
| <a | ||
| href="https://github.com/etalab/licence-ouverte/blob/master/LO.md" | ||
| rel="noreferrer" | ||
| target="_blank" | ||
| > | ||
| licence etalab-2.0 | ||
| </a> | ||
| </p> | ||
| </FooterCopy> | ||
| </FooterDS> | ||
| ); | ||
|
|
||
| export default Footer; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.