diff --git a/client/src/pages/AdminSequences.tsx b/client/src/pages/AdminSequences.tsx index 5220617..3c42f5c 100644 --- a/client/src/pages/AdminSequences.tsx +++ b/client/src/pages/AdminSequences.tsx @@ -252,6 +252,23 @@ export default function AdminSequences() { return formations?.find((f) => f.id === formationId)?.nom || "N/A"; }; + // Générer une couleur unique par formation (en évitant vert, orange, rouge) + const getFormationColor = (formationId: number) => { + const colors = [ + "text-blue-600", + "text-purple-600", + "text-pink-600", + "text-indigo-600", + "text-cyan-600", + "text-teal-600", + "text-violet-600", + "text-fuchsia-600", + "text-sky-600", + "text-amber-600", + ]; + return colors[formationId % colors.length]; + }; + const formatDate = (dateValue: any) => { if (!dateValue) return "N/A"; @@ -643,7 +660,7 @@ export default function AdminSequences() { {filteredAndSortedSequences.map((sequence) => ( - {getFormationName(sequence.formationId)} + {getFormationName(sequence.formationId)} {sequence.nom}
@@ -680,7 +697,7 @@ export default function AdminSequences() { size="sm" onClick={() => setLocation(`/admin/sequences/${sequence.id}/inscrits`)} > - +