diff --git a/src/components/Login.jsx b/src/components/Login.jsx
index 190b514e9cc528c385c3a368e99b194f32c6e5a5..006bc8185e006bc43374794a5baf6b33246cc0eb 100644
--- a/src/components/Login.jsx
+++ b/src/components/Login.jsx
@@ -33,21 +33,23 @@ const Login = () => {
         const data = await response.json();
         console.log("✅ Login successful!", data);
 
-        // ✅ Assure-toi que l'ID est bien récupéré
+        // Assurer que l'ID est bien récupéré
         if (!data.id) {
             throw new Error("User ID is missing from response!");
         }
 
-        // ✅ Stocke correctement les informations utilisateur
+        // Stocke correctement les informations utilisateur
         localStorage.setItem("token", "dummy-token"); 
         localStorage.setItem("roles", JSON.stringify(data.roles));
         localStorage.setItem("user", JSON.stringify({ 
-            id: data.id, // Ajout de l'ID ici ✅
+            id: data.id, // Ajout de l'ID ici 
             username: data.username, 
             familyname: data.familyname 
         }));
 
         navigate("/"); // Redirect after login
+        window.location.reload(); //  Rafraîchir la page pour mettre à jour la NavBar
+
     } catch (error) {
         console.error("❌ Login failed:", error.message);
         setError("Invalid username or password");
diff --git a/src/components/Logout.jsx b/src/components/Logout.jsx
index 27924f2a2441c1544a8d6ea5e162eaf23aaf253c..01a18423ba2ea02111fd572d4f6bcf3548788a45 100644
--- a/src/components/Logout.jsx
+++ b/src/components/Logout.jsx
@@ -26,6 +26,7 @@ const Logout = () => {
             localStorage.removeItem("user");
             localStorage.removeItem("roles"); // ✅ This is the missing part that clears the roles
             localStorage.clear(); // Optional: Clears all localStorage data
+            window.location.reload(); 
 
             // ✅ Redirect to login page
             navigate("/login");