check if events list is empty or not
This commit is contained in:
@@ -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>
|
||||||
);
|
);
|
||||||
|
|||||||
Reference in New Issue
Block a user