From c1534a2f6b9356e6c34f48aaf6c6076e7a681cce Mon Sep 17 00:00:00 2001
From: Antoine M <antoine.martinon@deligraph.com>
Date: Tue, 14 May 2024 16:59:52 +0200
Subject: [PATCH] handling inclosable

---
 src/components/Modals/CookiesModal.jsx | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/components/Modals/CookiesModal.jsx b/src/components/Modals/CookiesModal.jsx
index d7382af..4cd5667 100644
--- a/src/components/Modals/CookiesModal.jsx
+++ b/src/components/Modals/CookiesModal.jsx
@@ -1,17 +1,18 @@
-import React from "react";
+import React, { useEffect } from "react";
 import Modal from "../../components/ui/Modal.jsx";
 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();
+	const { screensTranslations, hasConsentedCookies, setHasConsentedCookies, acceptCookies } = useUser();
 
 	if (!screensTranslations || !screensTranslations.pagesName) return <p>loading</p>;
 	const pagesName = screensTranslations.pagesName;
 
 	return (
 		<Modal
+			unclosable
 			className='classic-modal'
 			id='modal-cookies'
 			open={!hasConsentedCookies}
@@ -40,7 +41,7 @@ export default function CookiesModal() {
 					</div>
 					<button
 						className='cta cta--lhoist cta--schief cta--zuume cta--spaced-normal'
-						onClick={() => setHasConsentedCookies(true)}>
+						onClick={acceptCookies}>
 						Continuer
 					</button>
 				</div>