manus-admin/formation-manager-itinova
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Checkpoint: Amélioration visuelle de l'affichage des rappels automatiques : ajout de badges colorés avec icônes (🎓 bleu pour formation, 📅 vert pour séquence) tout en conservant le format compact sur une seule ligne. Format : Badge Formation › Badge Séquence : Date1, Date2. Déployé sur le serveur de production.

Browse Source
This commit is contained in:
Manus
2026-01-21 12:54:17 -05:00
parent 72c7f077ae
commit 61418f619e
2 changed files with 20 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
client/src/pages/AdminRappels.tsx
View File

@@ -283,14 +283,20 @@ export default function AdminRappels() {
}, {});
return (
<div className="space-y-1">
<div className="space-y-1.5">
{Object.values(grouped).map((group: any, groupIdx: number) => (
<div key={groupIdx} className="flex items-center gap-1.5 text-sm">
<span className="font-medium text-blue-700">{group.formationNom}</span>
<span className="text-gray-400">›</span>
<span className="font-medium text-green-700">{group.sequenceNom}</span>
<span className="text-gray-400">:</span>
<span className="text-gray-600">
<div key={groupIdx} className="flex items-center gap-1.5 flex-wrap">
<Badge className="bg-blue-100 text-blue-800 border-blue-300 hover:bg-blue-100 text-xs">
<GraduationCap className="w-3 h-3 mr-1" />
{group.formationNom}
</Badge>
<span className="text-gray-400 text-sm">›</span>
<Badge className="bg-green-100 text-green-800 border-green-300 hover:bg-green-100 text-xs">
<CalendarDays className="w-3 h-3 mr-1" />
{group.sequenceNom}
</Badge>
<span className="text-gray-400 text-sm">:</span>
<span className="text-gray-600 text-sm font-medium">
{group.dates.map((d: any, idx: number) => (
<span key={idx}>
{idx > 0 && ", "}