Giovanni/SAE-BUT2
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Display max participant

Browse Source
This commit is contained in:
T'JAMPENS QUENTIN p2406187 committed 2026-03-27 14:34:52 +01:00
1 parent d657d9ed01
commit cd0199be85
2 files changed
+85
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

src/pages/EventDetail/components/EventTask/EventTask.tsx
+26
View File
@@ -91,6 +91,32 @@ export default function EventTask({ task, index, eventId }: EventTaskProps) {
{formatDateLetter(task.start)} - {formatDateLetter(task.end)}
</p>
<p>{task.description}</p>
<div className={styles.participants}>
<div className={styles.participantsHeader}>
<span className={styles.participantsLabel}>Participants</span>
<span className={`${styles.participantsBadge} ${
task.users_count >= task.max_participants
? styles.badgeFull
: task.users_count / task.max_participants >= 0.75
? styles.badgeAlmost
: styles.badgeOpen
}`}>
{task.users_count} / {task.max_participants}
</span>
</div>
<div className={styles.progressBar}>
<div
className={`${styles.progressFill} ${
task.users_count >= task.max_participants
? styles.fillFull
: task.users_count / task.max_participants >= 0.75
? styles.fillAlmost
: styles.fillOpen
}`}
style={{ width: `${Math.min((task.users_count / task.max_participants) * 100, 100)}%` }}
/>
</div>
</div>
</div>
<div className={styles.manageTaskBtn}>