From 41fc4874fd0acaf0015da4b82fd561761f28deab Mon Sep 17 00:00:00 2001
From: Manus Sandbox <sandbox@manus.ai>
Date: Sun, 23 Nov 2025 17:05:45 -0500
Subject: [PATCH] =?UTF-8?q?Checkpoint:=20Am=C3=A9lioration=20visuelle=20de?=
 =?UTF-8?q?=20la=20gestion=20des=20s=C3=A9quences=20:=20le=20taux=20de=20r?=
 =?UTF-8?q?emplissage=20(pourcentage)=20s'affiche=20maintenant=20en=20coul?=
 =?UTF-8?q?eur=20conditionnelle=20(vert=20pour=20<70%,=20orange=20pour=207?=
 =?UTF-8?q?0-90%,=20rouge=20pour=20>90%)=20pour=20faciliter=20l'identifica?=
 =?UTF-8?q?tion=20rapide=20des=20s=C3=A9quences=20proches=20de=20la=20capa?=
 =?UTF-8?q?cit=C3=A9=20maximale.=20L'ic=C3=B4ne=20corbeille=20de=20suppres?=
 =?UTF-8?q?sion=20est=20maintenant=20affich=C3=A9e=20en=20rouge=20pour=20m?=
 =?UTF-8?q?ieux=20signaler=20l'action=20destructive.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 client/src/components/CapacityProgressBar.tsx | 9 ++++++++-
 client/src/pages/AdminSequences.tsx           | 2 +-
 todo.md                                       | 5 +++++
 3 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/client/src/components/CapacityProgressBar.tsx b/client/src/components/CapacityProgressBar.tsx
index 95002c9..a048b8c 100644
--- a/client/src/components/CapacityProgressBar.tsx
+++ b/client/src/components/CapacityProgressBar.tsx
@@ -19,13 +19,20 @@ export default function CapacityProgressBar({
     return "bg-red-500";
   };
 
+  // Déterminer la couleur du texte selon le taux de remplissage
+  const getTextColor = () => {
+    if (percentage < 70) return "text-green-600";
+    if (percentage < 90) return "text-orange-600";
+    return "text-red-600";
+  };
+
   return (
     <div className="space-y-2">
       <div className="flex items-center justify-between gap-4">
         <span className="text-sm font-medium whitespace-nowrap">
           {nbInscrits} / {capaciteMax}
         </span>
-        <span className="text-sm text-muted-foreground whitespace-nowrap">
+        <span className={cn("text-sm font-semibold whitespace-nowrap", getTextColor())}>
           {percentage}%
         </span>
       </div>
diff --git a/client/src/pages/AdminSequences.tsx b/client/src/pages/AdminSequences.tsx
index 51eab28..5220617 100644
--- a/client/src/pages/AdminSequences.tsx
+++ b/client/src/pages/AdminSequences.tsx
@@ -694,7 +694,7 @@ export default function AdminSequences() {
                               size="sm"
                               onClick={() => handleDelete(sequence.id)}
                             >
-                              <Trash2 className="h-4 w-4" />
+                              <Trash2 className="h-4 w-4 text-red-600" />
                             </Button>
                           </div>
                         </TableCell>
diff --git a/todo.md b/todo.md
index ff94bf1..8207a59 100644
--- a/todo.md
+++ b/todo.md
@@ -540,3 +540,8 @@
 
 - [x] Ajouter le graphique de répartition par établissement sur le tableau de bord principal
 - [x] Placer le graphique à côté du graphique par fonction
+
+## Amélioration affichage gestion des séquences
+
+- [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