From a3c6cb6c14ae793745b6364f3246bf1f975d4cd7 Mon Sep 17 00:00:00 2001
From: Giovanni-Josserand <josserand.giovanni@gmail.com>
Date: Tue, 17 Mar 2026 08:48:17 +0100
Subject: [PATCH] check if events list is empty or not

---
 .../IncompleteEvent/IncompleteEvent.jsx       | 41 ++++++++++---------
 1 file changed, 22 insertions(+), 19 deletions(-)

diff --git a/src/pages/Admin/components/IncompleteEvent/IncompleteEvent.jsx b/src/pages/Admin/components/IncompleteEvent/IncompleteEvent.jsx
index 73b637c..c5a31a8 100644
--- a/src/pages/Admin/components/IncompleteEvent/IncompleteEvent.jsx
+++ b/src/pages/Admin/components/IncompleteEvent/IncompleteEvent.jsx
@@ -10,25 +10,28 @@ function IncompleteEvent() {
         <div className={`${styles.rightBlock} glassCard`}>
             <h2>Derniers événements</h2>
             <div className={styles.eventsContainer}>
-                {events.map((event) => (
-                    <div key={event.id} className={`glassBorder ${styles.eventCard}`}>
-                        <h3>{event.name}</h3>
-                        <p className={styles.eventDate}>
-                            {new Date(event.start).toLocaleDateString("fr-FR")} - {new Date(event.end).toLocaleDateString("fr-FR")}
-                        </p>
-                        <p className={styles.eventDescription}>{event.description}</p>
-                        <h4>Tâches associées :</h4>
-                        <ul className={styles.tasksList}>
-                            {event.tasks?.length ? (
-                                event.tasks.map((task, taskIndex) => (
-                                    <li key={taskIndex}>{task.name}</li>
-                                ))
-                            ) : (
-                                <li>Aucune tâche associée.</li>
-                            )}
-                        </ul>
-                    </div>
-                ))}
+                {Array.isArray(events) && events.length > 0  ? (
+                    events.map((event) => (
+                        <div key={event.id} className={`glassBorder ${styles.eventCard}`}>
+                            <h3>{event.name}</h3>
+                            <p className={styles.eventDate}>
+                                {new Date(event.start).toLocaleDateString("fr-FR")} - {new Date(event.end).toLocaleDateString("fr-FR")}
+                            </p>
+                            <p className={styles.eventDescription}>{event.description}</p>
+                            <h4>Tâches associées :</h4>
+                            <ul className={styles.tasksList}>
+                                {event.tasks?.length ? (
+                                    event.tasks.map((task, taskIndex) => (
+                                        <li key={taskIndex}>{task.name}</li>
+                                    ))
+                                ) : (
+                                    <li>Aucune tâche associée.</li>
+                                )}
+                            </ul>
+                        </div>
+                ))) : (
+                    <p>Aucun événement n'existe pour le moment</p>
+                )}
             </div>
         </div>
     );