check if events list is empty or not

This commit is contained in:
2026-03-17 08:48:17 +01:00
parent 637c2c8f87
commit a3c6cb6c14
@@ -10,25 +10,28 @@ function IncompleteEvent() {
<div className={`${styles.rightBlock} glassCard`}> <div className={`${styles.rightBlock} glassCard`}>
<h2>Derniers événements</h2> <h2>Derniers événements</h2>
<div className={styles.eventsContainer}> <div className={styles.eventsContainer}>
{events.map((event) => ( {Array.isArray(events) && events.length > 0 ? (
<div key={event.id} className={`glassBorder ${styles.eventCard}`}> events.map((event) => (
<h3>{event.name}</h3> <div key={event.id} className={`glassBorder ${styles.eventCard}`}>
<p className={styles.eventDate}> <h3>{event.name}</h3>
{new Date(event.start).toLocaleDateString("fr-FR")} - {new Date(event.end).toLocaleDateString("fr-FR")} <p className={styles.eventDate}>
</p> {new Date(event.start).toLocaleDateString("fr-FR")} - {new Date(event.end).toLocaleDateString("fr-FR")}
<p className={styles.eventDescription}>{event.description}</p> </p>
<h4>Tâches associées :</h4> <p className={styles.eventDescription}>{event.description}</p>
<ul className={styles.tasksList}> <h4>Tâches associées :</h4>
{event.tasks?.length ? ( <ul className={styles.tasksList}>
event.tasks.map((task, taskIndex) => ( {event.tasks?.length ? (
<li key={taskIndex}>{task.name}</li> event.tasks.map((task, taskIndex) => (
)) <li key={taskIndex}>{task.name}</li>
) : ( ))
<li>Aucune tâche associée.</li> ) : (
)} <li>Aucune tâche associée.</li>
</ul> )}
</div> </ul>
))} </div>
))) : (
<p>Aucun événement n'existe pour le moment</p>
)}
</div> </div>
</div> </div>
); );