diff --git a/src/assets/css/App.scss b/src/assets/css/App.scss index e10bd6c..dfbddc6 100644 --- a/src/assets/css/App.scss +++ b/src/assets/css/App.scss @@ -31,6 +31,8 @@ @import "./components/animation/Clouds.scss"; +@import "./components/modals/CookiesModal.scss"; + @import "./pages/welcome.scss"; @import "./pages/Home.scss"; @import "./pages/Profile.scss"; diff --git a/src/assets/css/components/modals/CookiesModal.scss b/src/assets/css/components/modals/CookiesModal.scss new file mode 100644 index 0000000..794a68b --- /dev/null +++ b/src/assets/css/components/modals/CookiesModal.scss @@ -0,0 +1,8 @@ +#modal-cookies { + .pages-redirection { + @apply flex justify-normal pt-2 gap-4 mt-3; + } + .cta{ + @apply mt-10 ; + } +} diff --git a/src/assets/img/illustrations/cookies-modal-cover.svg b/src/assets/img/illustrations/cookies-modal-cover.svg new file mode 100644 index 0000000..04882d8 --- /dev/null +++ b/src/assets/img/illustrations/cookies-modal-cover.svg @@ -0,0 +1,279 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/components/Modals/CookiesModal.jsx b/src/components/Modals/CookiesModal.jsx new file mode 100644 index 0000000..ed5ca70 --- /dev/null +++ b/src/components/Modals/CookiesModal.jsx @@ -0,0 +1,50 @@ +import React from "react"; +import Modal from "../../components/ui/Modal.jsx"; +import closeIcon from "../../assets/img/icons/icon-cross.svg"; +import cookiesModalCover from "../../assets/img/illustrations/cookies-modal-cover.svg"; +import { Link } from "react-router-dom"; +import { useUser } from "../../hooks/useUser.jsx"; + +export default function CookiesModal() { + const { screensTranslations, hasConsentedCookies, setHasConsentedCookies } = useUser(); + + if (!screensTranslations || !screensTranslations.pagesName) return

loading

; + const pagesName = screensTranslations.pagesName; + + return ( + + {/* */} +
+
+ close +

Données Anonymes

+

+ Notre plateforme traite vos informations de façon anonyme dans le but + d'optimiser et de personnaliser votre expérience utilisateur sur notre + site. Pour connaître en détail les données collectées et leur usage, + consultez notre politique de gestion des données. +

+
+ + {pagesName.confidentiality} + + + {pagesName.cookies} + +
+ +
+
+ + ); +}