added links part

Author: leopoldch

src/components/Links.jsx

@@ -0,0 +1,29 @@
+import "../style/Links.css";
+
+
+function Links() {
+
+    function handleClickInventory(){
+        window.location.href = '/inventory';
+    }
+    function handleClickPortfolio(){
+        window.location.href = '/portfolio';
+    }
+
+  return (
+      <>
+      <div className="links-wrapper">
+        <div className="link" onClick={handleClickInventory}>
+            <h2>Inventaire</h2>
+        </div>
+
+        <div className="link" onClick={handleClickPortfolio}>
+            <h2>Historique des évennements</h2>
+        </div>
+
+      </div>
+      </>
+  );
+}
+
+export default Links;

src/components/LogoutButton.jsx

@@ -26,7 +26,7 @@ function LogoutButton() {
       }
       // Supprimer le token du local storage
       localStorage.removeItem('token');
-      localStorage.removeItem('user_id');
+      sessionStorage.removeItem('user_id');
       setUserId(-1);
       setIsAuthenticated(false);
       // window.location.href = '/login';

src/context/UserContext.js

@@ -5,13 +5,14 @@ export const UserContext = createContext();
 
 export const UserProvider = ({ children }) => {
  const [isLoading, setIsLoading] = useState(true);
- const [userId, setUserId] = useState(1);
+ const [userId, setUserId] = useState(-1);
 
 useEffect(() => {
     const token = localStorage.getItem('token');
     const user_id = sessionStorage.getItem('user_id');
     if (user_id) {
       setUserId(user_id);
+      console.log(user_id)
       setIsLoading(false);
     } else if(token){
       getUserId(token).then((valid) => {

src/pages/Site.jsx

@@ -2,13 +2,15 @@ import Footer from "../components/Footer"
 import Son from "../components/Son.jsx";
 import Main from "../components/Main";
 import Desc from "../components/Desc"
+import Links from "../components/Links"
 import Lights from "../components/Lights";
 
 
 function Site(){
     return(
         <>
          <Main/>
+         {/*<Links/>*/}
          <Desc/>
          <Son/>
          <Lights/>

src/style/Links.css

@@ -0,0 +1,24 @@
+.links-wrapper{
+    width: 100vw;
+    height: 10vh;
+    display: flex;
+    flex-direction: row;
+    flex-wrap: wrap;
+    justify-content: center;
+    margin-bottom: 10vh;
+}
+
+.links-wrapper > div{
+    color: white;
+    margin: 2%;
+    padding: 1%;
+    border-radius: 7px;
+    background-color: black;
+    border-color: white;
+    border-width: 10px;
+    height: auto;
+}
+
+.link:hover{
+    cursor: pointer;
+}