Ajout react-cookie. (Besoin de reloader pour que la topbar suive le cookie)

GrossesMitaines/grosses-mitaines-ui/src/pages/Home.js

@@ -1,6 +1,5 @@
 import React from "react";
-import { useEffect } from "react";
-import { useState } from "react";
+import { useEffect, useState } from "react";
 import ResearchBar from "../components/ResearchBar";
 import FeaturedList from "../components/FeaturedList";
 
@@ -29,7 +28,7 @@ const Home = () => {
                 <h4 className="home-subtitle">(à Ginette et Monique)</h4>
                 <img src="/images/LesGrossesMitaines.png" className="home-img" alt="home"/>
                 <br/>
-                <h2 className="home-description">Des produits bien commodes faits par des aînées d'expérience. {document.cookie}</h2>
+                <h2 className="home-description">Des produits bien commodes faits par des aînées d'expérience. </h2>
             </div>
             <FeaturedList
                 products={products}

GrossesMitaines/grosses-mitaines-ui/src/pages/Login.js

@@ -1,8 +1,10 @@
 import { useState } from "react";
 import { Button } from "react-bootstrap";
 import { useNavigate } from "react-router-dom";
+import { useCookies } from "react-cookie";
 
 const Login = () => {
+    const [cookies, setCookie] = useCookies(['name']);
     const [rememberme, setPersistence] = useState(true);
     const [email, setEmail] = useState("");
     const [password, setPassword] = useState("");
@@ -34,11 +36,19 @@ const Login = () => {
                        'Content-Type': 'text/json'
                     }
                 });
+                const user = await confirm.json();
+                setCookie('GMGM', {...user, LoggedIn:true},  { path: '/', sameSite:'strict' })
                 navigate("/");
             }
-            else  returnMessage("L'adresse courriel ou le mot de passe est incorrect.");
+            else {
+                returnMessage("L'adresse courriel ou le mot de passe est incorrect.");
+                setCookie('GMGM', {LoggedIn:false},  { path: '/', sameSite:'strict' })      
+            } 
         }
-        else returnMessage("Erreur d'API, veuillez réessayer plus tard.")           
+        else {
+            returnMessage("Erreur d'API, veuillez réessayer plus tard.")
+            setCookie('GMGM', {LoggedIn:false},  { path: '/', sameSite:'strict' })      
+        } 
         setPassword("");
     }
 

GrossesMitaines/grosses-mitaines-ui/src/pages/Logout.js

@@ -1,10 +1,22 @@
+import { useCookies } from "react-cookie";
+import { useNavigate } from "react-router-dom";
+import { useEffect } from "react";
 
 const Logout = () => {
+    const navigate = useNavigate();
+    const [cookies, setCookie, removeCookie] = useCookies(['name']);
+
     const response = fetch(`https://localhost:7292/api/Logout`, {
             method: 'POST',
             credentials: 'include'
     })  
 
+    removeCookie("GMGM");
+
+    useEffect(()=>{
+        navigate("/");
+    });
+    
     return (
         <div className="inventaire-form-container">
                 <h3 className="text-center">Vous n'êtes plus connecté!</h3>