Show admin link if user is admin

src/components/Header/Header.jsx

@@ -1,7 +1,8 @@
 import styles from "./Header.module.css"
 import { Link, NavLink } from "react-router";
-import { useEffect, useRef, useState } from "react";
+import {useContext, useEffect, useRef, useState} from "react";
 import getUserNotifications from "../../utils/getUserNotifications.js";
+import {AuthContext} from "../../contexts/auth/AuthContext.js";
 
 function Header() {
     const [notificationMenu, setnotificationMenu] = useState(false);
@@ -10,6 +11,7 @@ function Header() {
     const [notifications, setNotifications] = useState([{"content" : "ok"}, {"content" : "pourquoi pas antoine"}]);
     const notificationRef = useRef(null);
 
+    const { user } = useContext(AuthContext);
 
 
     useEffect(() => {
@@ -53,6 +55,9 @@ function Header() {
                             <NavLink to="/volunteers" className={({ isActive }) => isActive ? styles.activeLink : styles.link}>
                                 Bénévoles
                             </NavLink>
+                            {user.isAdmin && <NavLink to="/admin" className={({ isActive }) => isActive ? styles.activeLink : styles.link}>
+                                Administration
+                            </NavLink>}
                         </div>
                     </div>
 
@@ -84,6 +89,9 @@ function Header() {
                     <NavLink to="/volunteers" className={({ isActive }) => isActive ? styles.activeLink : styles.link}>
                         Bénévoles
                     </NavLink>
+                    {user.isAdmin && <NavLink to="/admin" className={({ isActive }) => isActive ? styles.activeLink : styles.link}>
+                        Administration
+                    </NavLink>}
                 </nav>