From 95b39bd4949df4d49c7c27fc5f4b1ffe1d016666 Mon Sep 17 00:00:00 2001
From: Mouignihazi <165266469+Mouignihazi@users.noreply.github.com>
Date: Wed, 12 Aug 2026 01:01:45 +0200
Subject: [PATCH] =?UTF-8?q?Fix=20:=20CookieBanner=20visible=20avant=20et?=
 =?UTF-8?q?=20apr=C3=A8s=20connexion?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.tsx                     | 31 +++++++++++++++++++------------
 src/components/CookieBanner.tsx |  2 +-
 2 files changed, 20 insertions(+), 13 deletions(-)

diff --git a/src/App.tsx b/src/App.tsx
index b7dbcdd..c95e212 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -69,13 +69,11 @@ export default function App() {
   const handleAuthSuccess = (newToken: string, newUser: User) => {
     localStorage.setItem("authToken", newToken);
     localStorage.setItem("user", JSON.stringify(newUser));
-    
     setAuthState({
       user: newUser,
       isAuthenticated: true,
       loading: false,
     });
-    
     navigate("/");
   };
 
@@ -100,7 +98,6 @@ export default function App() {
     : location.pathname === "/mentions-legales"? "mentions-legales"
     : "home";
 
-  // LOAD RECENT DOCUMENTS
   useEffect(() => {
     if (authState.isAuthenticated) {
       getDocuments()
@@ -116,13 +113,13 @@ export default function App() {
 
   const handleNavClick = (item: NavItem) => {
     const path =
-      item === "home"             ? "/"
-      : item === "documents"      ? "/documents"
+      item === "home"                ? "/"
+      : item === "documents"         ? "/documents"
       : item === "ingredient-search" ? "/ingredient-search"
-      : item === "recent-updates" ? "/recent-updates"
-      : item === "about"          ? "/about"
-      : item === "contact"        ? "/contact"
-      : item === "cgu"            ? "/cgu"
+      : item === "recent-updates"    ? "/recent-updates"
+      : item === "about"             ? "/about"
+      : item === "contact"           ? "/contact"
+      : item === "cgu"               ? "/cgu"
       : "/mentions-legales";
     navigate(path);
   };
@@ -135,15 +132,25 @@ export default function App() {
     );
   }
 
-  // Si pas authentifié, afficher la page de login
+  // ← CookieBanner visible même sans connexion
   if (!authState.isAuthenticated) {
-    return <AuthPage onAuthSuccess={handleAuthSuccess} />;
+    return (
+      <>
+        <AuthPage onAuthSuccess={handleAuthSuccess} />
+        <CookieBanner />
+      </>
+    );
   }
 
   return (
     <div className={styles.app}>
       <div className={styles.contentWrapper}>
-        <Sidebar activeNav={activeNav} onNavClick={handleNavClick} onLogout={handleLogout} user={authState.user} />
+        <Sidebar
+          activeNav={activeNav}
+          onNavClick={handleNavClick}
+          onLogout={handleLogout}
+          user={authState.user}
+        />
         <main className={styles.main}>
           <Routes>
             <Route path="/" element={<HomePage handleNavClick={handleNavClick} recentDocuments={recentDocuments} />} />
diff --git a/src/components/CookieBanner.tsx b/src/components/CookieBanner.tsx
index 1ff2103..bf71309 100644
--- a/src/components/CookieBanner.tsx
+++ b/src/components/CookieBanner.tsx
@@ -36,7 +36,7 @@ export default function CookieBanner() {
       gap: "1rem"
     }} role="dialog">
       <p style={{ flex: 1, margin: 0 }}>
-        Ce site utilise des cookies pour améliorer votre expérience.
+        Ce site utilise des cookies pour améliorer votre expérience utilisateur.
       </p>
       <button
         onClick={handleAccept}