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 (
{nbInscrits} / {capaciteMax}
-
+
{percentage}%
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)}
>
-
+
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