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