Antoine/lhoist-stay-safe
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

handling inclosable

Browse Source
This commit is contained in:
Antoine M 2024-05-14 16:59:52 +02:00
parent d31a07b90e
commit c1534a2f6b
1 changed files with 4 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/components/Modals/CookiesModal.jsx
View File

@ -1,17 +1,18 @@
import React from "react"; import React, { useEffect } from "react";
import Modal from "../../components/ui/Modal.jsx"; import Modal from "../../components/ui/Modal.jsx";
import cookiesModalCover from "../../assets/img/illustrations/cookies-modal-cover.svg"; import cookiesModalCover from "../../assets/img/illustrations/cookies-modal-cover.svg";
import { Link } from "react-router-dom"; import { Link } from "react-router-dom";
import { useUser } from "../../hooks/useUser.jsx"; import { useUser } from "../../hooks/useUser.jsx";
export default function CookiesModal() { export default function CookiesModal() {
const { screensTranslations, hasConsentedCookies, setHasConsentedCookies } = useUser(); const { screensTranslations, hasConsentedCookies, setHasConsentedCookies, acceptCookies } = useUser();
if (!screensTranslations || !screensTranslations.pagesName) return <p>loading</p>; if (!screensTranslations || !screensTranslations.pagesName) return <p>loading</p>;
const pagesName = screensTranslations.pagesName; const pagesName = screensTranslations.pagesName;
return ( return (
<Modal <Modal
unclosable
className='classic-modal' className='classic-modal'
id='modal-cookies' id='modal-cookies'
open={!hasConsentedCookies} open={!hasConsentedCookies}
@ -40,7 +41,7 @@ export default function CookiesModal() {
</div> </div>
<button <button
className='cta cta--lhoist cta--schief cta--zuume cta--spaced-normal' className='cta cta--lhoist cta--schief cta--zuume cta--spaced-normal'
onClick={() => setHasConsentedCookies(true)}> onClick={acceptCookies}>
Continuer Continuer
</button> </button>
</div> </div>