From d2bb185ea5cb2196125638386e451b310b242c17 Mon Sep 17 00:00:00 2001
From: Manus Sandbox <sandbox@manus.ai>
Date: Sun, 23 Nov 2025 17:12:59 -0500
Subject: [PATCH] =?UTF-8?q?Checkpoint:=20Am=C3=A9lioration=20visuelle=20de?=
 =?UTF-8?q?=20la=20fen=C3=AAtre=20des=20s=C3=A9quences=20:=20l'ic=C3=B4ne?=
 =?UTF-8?q?=20=C5=93il=20(visualisation)=20s'affiche=20maintenant=20en=20b?=
 =?UTF-8?q?leu=20pour=20mieux=20la=20distinguer.=20Chaque=20formation=20a?=
 =?UTF-8?q?=20une=20couleur=20unique=20(bleu,=20violet,=20rose,=20indigo,?=
 =?UTF-8?q?=20cyan,=20etc.)=20appliqu=C3=A9e=20=C3=A0=20son=20nom=20dans?=
 =?UTF-8?q?=20le=20tableau,=20facilitant=20l'identification=20visuelle=20r?=
 =?UTF-8?q?apide=20des=20s=C3=A9quences=20par=20formation=20sans=20utilise?=
 =?UTF-8?q?r=20vert,=20orange=20ou=20rouge=20d=C3=A9j=C3=A0=20r=C3=A9serv?=
 =?UTF-8?q?=C3=A9s=20aux=20indicateurs=20de=20capacit=C3=A9.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 client/src/pages/AdminSequences.tsx | 21 +++++++++++++++++++--
 todo.md                             |  5 +++++
 2 files changed, 24 insertions(+), 2 deletions(-)

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() {
                   <TableBody>
                     {filteredAndSortedSequences.map((sequence) => (
                       <TableRow key={sequence.id}>
-                        <TableCell className="font-medium">{getFormationName(sequence.formationId)}</TableCell>
+                        <TableCell className={`font-semibold ${getFormationColor(sequence.formationId)}`}>{getFormationName(sequence.formationId)}</TableCell>
                         <TableCell>{sequence.nom}</TableCell>
                         <TableCell>
                           <div className="space-y-1 text-sm">
@@ -680,7 +697,7 @@ export default function AdminSequences() {
                               size="sm"
                               onClick={() => setLocation(`/admin/sequences/${sequence.id}/inscrits`)}
                             >
-                              <Eye className="h-4 w-4" />
+                              <Eye className="h-4 w-4 text-blue-600" />
                             </Button>
                             <Button
                               variant="ghost"
diff --git a/todo.md b/todo.md
index 8207a59..59a3d81 100644
--- a/todo.md
+++ b/todo.md
@@ -545,3 +545,8 @@
 
 - [x] Afficher le taux de remplissage avec couleur conditionnelle (vert <70%, orange 70-90%, rouge >90%)
 - [x] Changer la couleur de l'icône corbeille en rouge
+
+## Amélioration visuelle fenêtre des séquences
+
+- [x] Changer la couleur de l'icône œil en bleu
+- [x] Coloriser le texte des formations avec une couleur unique par formation (éviter vert, orange, rouge)