From 9a38fc9dd3392c5fc21e1e4ff9f7957d05a854e2 Mon Sep 17 00:00:00 2001
From: Manus Sandbox <sandbox@manus.ai>
Date: Sun, 23 Nov 2025 17:22:05 -0500
Subject: [PATCH] =?UTF-8?q?Checkpoint:=20Am=C3=A9lioration=20visuelle=20de?=
 =?UTF-8?q?=20la=20page=20des=20apprenants=20:=20l'ic=C3=B4ne=20=C5=93il?=
 =?UTF-8?q?=20(visualisation)=20s'affiche=20en=20bleu,=20l'ic=C3=B4ne=20co?=
 =?UTF-8?q?rbeille=20en=20rouge=20pour=20mieux=20signaler=20l'action=20des?=
 =?UTF-8?q?tructive.=20La=20fonction=20de=20chaque=20apprenant=20est=20mai?=
 =?UTF-8?q?ntenant=20color=C3=A9e=20(Directeurs=20en=20bleu,=20Chefs=20de?=
 =?UTF-8?q?=20service=20en=20vert,=20Autre=20en=20gris)=20pour=20faciliter?=
 =?UTF-8?q?=20l'identification=20visuelle=20rapide=20et=20maintenir=20une?=
 =?UTF-8?q?=20coh=C3=A9rence=20avec=20le=20reste=20de=20l'interface.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 client/src/pages/AdminApprenants.tsx | 14 ++++++++++----
 todo.md                              |  6 ++++++
 2 files changed, 16 insertions(+), 4 deletions(-)

diff --git a/client/src/pages/AdminApprenants.tsx b/client/src/pages/AdminApprenants.tsx
index e5f5162..32461d4 100644
--- a/client/src/pages/AdminApprenants.tsx
+++ b/client/src/pages/AdminApprenants.tsx
@@ -295,8 +295,14 @@ export default function AdminApprenants() {
                       <TableCell>{apprenant.email}</TableCell>
                       <TableCell>{apprenant.codeEtablissement}</TableCell>
                       <TableCell>
-                        {apprenant.fonction === "directeur" ? "Directeur" : 
-                         apprenant.fonction === "chef_service" ? "Chef de service" : "Autre"}
+                        <span className={`font-semibold ${
+                          apprenant.fonction === "directeur" ? "text-blue-600" :
+                          apprenant.fonction === "chef_service" ? "text-green-600" :
+                          "text-gray-600"
+                        }`}>
+                          {apprenant.fonction === "directeur" ? "Directeur" : 
+                           apprenant.fonction === "chef_service" ? "Chef de service" : "Autre"}
+                        </span>
                       </TableCell>
                       <TableCell className="text-right">
                         <div className="flex justify-end gap-2">
@@ -306,7 +312,7 @@ export default function AdminApprenants() {
                             onClick={() => setLocation(`/admin/apprenants/${apprenant.id}`)}
                             title="Voir les détails et inscriptions"
                           >
-                            <Eye className="w-4 h-4" />
+                            <Eye className="w-4 h-4 text-blue-600" />
                           </Button>
                           <Button
                             variant="ghost"
@@ -320,7 +326,7 @@ export default function AdminApprenants() {
                             size="icon"
                             onClick={() => handleDelete(apprenant.id)}
                           >
-                            <Trash2 className="w-4 h-4 text-destructive" />
+                            <Trash2 className="w-4 h-4 text-red-600" />
                           </Button>
                         </div>
                       </TableCell>
diff --git a/todo.md b/todo.md
index 6f425ae..809eeb4 100644
--- a/todo.md
+++ b/todo.md
@@ -554,3 +554,9 @@
 ## Correction algorithme de couleur des formations
 
 - [x] Corriger la fonction getFormationColor pour que chaque formation ait une couleur unique
+
+## Amélioration visuelle page des apprenants
+
+- [x] Afficher l'icône corbeille en rouge
+- [x] Afficher l'icône œil en bleu
+- [x] Coloriser la fonction (Directeurs, Chefs de service) comme dans les séquences