argh.

GrossesMitaines/grosses-mitaines-ui/src/components/App.js

@@ -11,24 +11,47 @@ import Login from "../pages/Login";
 import Logout from "../pages/Logout";
 import Register from "../pages/Register";
 import Formulaire from "../pages/Formulaire";
+import { useState, useEffect } from "react";
+import React from 'react';
+
+const UserContext = React.createContext();
+
 const App = () => {
+  const [user, setUser] = useState(null);
+
+  useEffect(() => {
+    async function FetchUser() {
+        const response = await fetch(`https://localhost:7292/api/WhoAmI`, { credentials: 'include'});
+        if (response.status === 200) {
+          setUser(await response.json());
+        }
+        else setUser({hasCookie: false})
+        console.log(user)
+    }
+    if (user === null) {
+      FetchUser();
+    }
+});
+
   return (
     <BrowserRouter>
-      <Routes>
-        <Route path="/" element={<Layout />}>
-          <Route index element={<Home />} />
-          <Route path="morceaux" element={<Morceaux/>} />
-          <Route path="aboutUs" element={<AboutUs/>} />
-          <Route path="contactUs" element={<ContactUs/>}/>
-          <Route path="privacy" element={<Privacy/>}/>
-          <Route path="morceaux/:id" element={<MorceauDetail/>}/>
-          <Route path="inventaire" element={<Inventaire/>}/>
-          <Route path="login" element={<Login/>}/>
-          <Route path="logout" element={<Logout/>}/>
-          <Route path="register" element={<Register/>}/>
-          <Route path="formulaire" element={<Formulaire/>}/>
-        </Route>
-      </Routes>
+      <UserContext.Provider value={user}>
+        <Routes>
+          <Route path="/" element={<Layout />}>
+            <Route index element={<Home />} />
+            <Route path="morceaux" element={<Morceaux/>} />
+            <Route path="aboutUs" element={<AboutUs/>} />
+            <Route path="contactUs" element={<ContactUs/>}/>
+            <Route path="privacy" element={<Privacy/>}/>
+            <Route path="morceaux/:id" element={<MorceauDetail/>}/>
+            <Route path="inventaire" element={<Inventaire/>}/>
+            <Route path="login" element={<Login/>}/>
+            <Route path="logout" element={<Logout/>}/>
+            <Route path="register" element={<Register/>}/>
+            <Route path="formulaire" element={<Formulaire/>}/>
+          </Route>
+        </Routes>
+      </UserContext.Provider>
     </BrowserRouter>
   );
 };