add informations in footer

src/components/Footer/Footer.jsx

@@ -1,13 +1,52 @@
 import styles from "./Footer.module.css"
-import {Link} from "react-router";
+import {Link, NavLink} from "react-router";
+import Button from "../ui/button/button.jsx"
+import {useContext} from "react";
+import {AuthContext} from "../../contexts/auth/AuthContext.js";
 
 function Footer(){
+    const { user } = useContext(AuthContext);
+
     return (
         <footer className={`${styles.footer} ${"glassCard"}`} >
             <div className={styles.footerContent}>
-                <Link to="" className={styles.link}>Contact</Link>
+                <div>
-                <Link to="" className={styles.link}>RGPD</Link>
+                    <h2 to="" className={styles.link}>Contact</h2>
-                <Link to="" className={styles.link}>Mentions légales</Link>
+                    {/* TODO: les mettre dans un fichier de configuration */}
+                    <p>contact@example.com</p>
+                    <p>06 68 98 10 56</p>
+                </div>
+
+                <div>
+                    {/*  TODO : mettre le nom du fichier dans un fichier de configuration aussi ou pas comme tu veux */}
+                    <h2>Documents</h2>
+                    <Button variant={"default"}
+                            onClick={() => window.open("/rgpd.pdf", "_blank")}>
+                            Fiche RGPD
+                    </Button>
+                    <Button variant={"default"}
+                            onClick={() => window.open("/legalNotices", "_blank")}>
+                        Mentions légales
+                    </Button>
+                    <Link to="" className={styles.link}></Link>
+                </div>
+                <div>
+                    <h2>Liens</h2>
+                    <NavLink to="/">
+                        Accueil
+                    </NavLink>
+                    <NavLink to="/events">
+                        Evènements
+                    </NavLink>
+                    <NavLink to="/volunteers">
+                        Bénévoles
+                    </NavLink>
+                    {user?.isAdmin && (
+                        <NavLink to="/admin">
+                            Administration
+                        </NavLink>
+                    )}
+                </div>
             </div>
         </footer>
     )

src/components/Footer/Footer.module.css

@@ -13,11 +13,6 @@
     gap: 2rem;
 }
 
-.link {
-    color: black;
-    width: fit-content;
-    text-align: center;
-}
 
 
 

src/components/createEventBtn/CreateEventBtn.jsx

@@ -24,6 +24,7 @@ export default function CreateEventBtn() {
     }
 
     return <>
+    {/* TODO : faire le responsive du menu de création d'événement */}
         <Button className={`${styles.createButton} glassCard`} variant={"default"} onClick={() => setIsOpen(true)}> + </Button>
 
         <Modal title={"Créer un événement"} open={isOpen} onClose={() => setIsOpen(false)}>

src/main.jsx

@@ -8,6 +8,8 @@ import { AuthProvider } from "./contexts/auth/authProvider.jsx";
 
 createRoot(document.getElementById('root')).render(
   <StrictMode>
+      {/* TODO: refaire l'arborescence du frontend */}
+      {/* TODO: refaire le docker du backend */}
         <AuthProvider>
             <RouterProvider router={router} />
         </AuthProvider>