Merge branch 'features/export' into 'dev'

Features/export

See merge request sae-but2/2025-26/gestion-benevoles-association/Frontend!85

src/pages/Home/components/Calendar/calendar.jsx

@@ -2,10 +2,13 @@ import {useState, useMemo, useEffect, useContext} from "react";
 import styles from "./calendar.module.css";
 import {formatDateLetterJS} from "../../../../utils/date/formatDateLetter.js";
 import {EventContext} from "../../../../contexts/events/EventContext.js";
+import Button from "../../../../components/ui/button/button.jsx";
+import {AuthContext} from "../../../../contexts/auth/AuthContext.ts";
 
 function Calendar() {
 
-    const { events=[] } = useContext(EventContext);
+    const { user } = useContext(AuthContext);
+
 
     const monthNames = [
         "Janvier", "Février", "Mars", "Avril", "Mai", "Juin",
@@ -19,15 +22,15 @@ function Calendar() {
     const [selectedDay, setSelectedDay] = useState(null);
 
     const eventsByDate = useMemo(() => {
-        return events.reduce((acc, ev) => {
+        if (!user?.tasks) return {};
-            if (!ev?.start) return acc;
+        return user.tasks.reduce((acc, task) => {
-
+            if (!task?.start) return acc;
-            const dateKey = ev.start.split(" ")[0]; // YYYY-MM-DD
+            const dateKey = task.start.split(" ")[0];
             if (!acc[dateKey]) acc[dateKey] = [];
-            acc[dateKey].push(ev);
+            acc[dateKey].push(task);
             return acc;
         }, {});
-    }, [events]);
+    }, [user]);
 
     useEffect(() => {
         const key = `${today.getFullYear()}-${String(today.getMonth() + 1).padStart(2, "0")}-${String(today.getDate()).padStart(2, "0")}`;
@@ -72,8 +75,13 @@ function Calendar() {
                 <table className={styles.calendar}>
                     <thead>
                     <tr>
-                        <th>Lun</th><th>Mar</th><th>Mer</th>
+                        <th>Lun</th>
-                        <th>Jeu</th><th>Ven</th><th>Sam</th><th>Dim</th>
+                        <th>Mar</th>
+                        <th>Mer</th>
+                        <th>Jeu</th>
+                        <th>Ven</th>
+                        <th>Sam</th>
+                        <th>Dim</th>
                     </tr>
                     </thead>
                     <tbody>
@@ -121,6 +129,15 @@ function Calendar() {
                         )}
                     </div>
                 )}
+                <Button className={styles.exportbtn}
+                        variant={"primary"}
+                        onClick={() => {
+                            window.location.href =
+                                `http://localhost/api/export/ics/${user.id}`;
+                        }}
+                >
+                    Exporter mon agenda
+                </Button>
             </div>
         </div>
     );

src/pages/Home/components/Calendar/calendar.module.css

@@ -150,6 +150,10 @@
     display: none;
 }
 
+.exportbtn{
+    margin-top: 16px;
+}
+
 @media (max-width: 768px) {
     .glassCard {
         width: 100%;