From 72c7f077aed580ba78c5051b1d6cb6b3a3c46658 Mon Sep 17 00:00:00 2001
From: Manus <dev-agent@manus.ai>
Date: Wed, 21 Jan 2026 12:37:01 -0500
Subject: [PATCH] =?UTF-8?q?Checkpoint:=20Modification=20de=20l'affichage?=
 =?UTF-8?q?=20de=20la=20fen=C3=AAtre=20des=20rappels=20automatiques=20:=20?=
 =?UTF-8?q?regroupement=20des=20informations=20de=20formation/s=C3=A9quenc?=
 =?UTF-8?q?e/dates=20sur=20une=20seule=20ligne=20au=20lieu=20de=20plusieur?=
 =?UTF-8?q?s=20badges,=20et=20resserrement=20des=20colonnes=20du=20tableau?=
 =?UTF-8?q?=20pour=20une=20meilleure=20lisibilit=C3=A9.=20Format=20compact?=
 =?UTF-8?q?=20:=20"Formation=20=E2=80=BA=20S=C3=A9quence=20:=20Date1,=20Da?=
 =?UTF-8?q?te2".=20D=C3=A9ploy=C3=A9=20sur=20le=20serveur=20de=20productio?=
 =?UTF-8?q?n.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 client/src/pages/AdminRappels.tsx | 62 +++++++++++++++++++++++++++----
 todo.md                           |  8 ++++
 2 files changed, 63 insertions(+), 7 deletions(-)

diff --git a/client/src/pages/AdminRappels.tsx b/client/src/pages/AdminRappels.tsx
index fe4d716..dc024d2 100644
--- a/client/src/pages/AdminRappels.tsx
+++ b/client/src/pages/AdminRappels.tsx
@@ -282,6 +282,54 @@ export default function AdminRappels() {
       return acc;
     }, {});
 
+    return (
+      <div className="space-y-1">
+        {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">
+              {group.dates.map((d: any, idx: number) => (
+                <span key={idx}>
+                  {idx > 0 && ", "}
+                  Date {d.ordre}
+                </span>
+              ))}
+            </span>
+          </div>
+        ))}
+      </div>
+    );
+  };
+
+  const formatDatesInfoOLD = (rappel: any) => {
+    if (!rappel.datesDetails || rappel.datesDetails.length === 0) {
+      return (
+        <div className="flex items-center gap-2">
+          <Badge variant="outline" className="bg-gray-50 text-gray-600 border-gray-300">
+            <Calendar className="w-3 h-3 mr-1" />
+            Toutes les dates
+          </Badge>
+        </div>
+      );
+    }
+
+    // Grouper par formation et séquence
+    const grouped = rappel.datesDetails.reduce((acc: any, date: any) => {
+      const key = `${date.formationNom}|||${date.sequenceNom}`;
+      if (!acc[key]) {
+        acc[key] = {
+          formationNom: date.formationNom,
+          sequenceNom: date.sequenceNom,
+          dates: []
+        };
+      }
+      acc[key].dates.push(date);
+      return acc;
+    }, {});
+
     return (
       <div className="space-y-2">
         {Object.values(grouped).map((group: any, groupIdx: number) => (
@@ -384,14 +432,14 @@ export default function AdminRappels() {
             <Table>
               <TableHeader>
                 <TableRow>
-                  <TableHead>Nom</TableHead>
-                  <TableHead>Template d'email</TableHead>
-                  <TableHead>Délai</TableHead>
-                  <TableHead>Heure</TableHead>
+                  <TableHead className="w-[180px]">Nom</TableHead>
+                  <TableHead className="w-[120px]">Template</TableHead>
+                  <TableHead className="w-[70px]">Délai</TableHead>
+                  <TableHead className="w-[70px]">Heure</TableHead>
                   <TableHead>Dates concernées</TableHead>
-                  <TableHead>Pièce jointe</TableHead>
-                  <TableHead>Statut</TableHead>
-                  <TableHead className="text-right">Actions</TableHead>
+                  <TableHead className="w-[100px]">Pièce jointe</TableHead>
+                  <TableHead className="w-[80px]">Statut</TableHead>
+                  <TableHead className="w-[100px] text-right">Actions</TableHead>
                 </TableRow>
               </TableHeader>
               <TableBody>
diff --git a/todo.md b/todo.md
index e7f0f40..46c995f 100644
--- a/todo.md
+++ b/todo.md
@@ -1114,3 +1114,11 @@
 - [x] Vérifier que le déploiement fonctionne correctement (PROBLÈME: modifications non visibles)
 - [x] Identifier la cause du problème (classes Tailwind arbitraires non compilées)
 - [x] Corriger et redéployer (utilisation de la classe .page-title dans index.css)
+
+## Modification affichage rappels automatiques
+
+- [x] Analyser la structure actuelle de la fenêtre des rappels automatiques
+- [x] Regrouper les informations de la même formation/séquence sur une seule ligne
+- [x] Resserrer les colonnes pour une meilleure lisibilité
+- [x] Tester les modifications sur sandbox
+- [x] Déployer sur le serveur de production