Checkpoint: Correction de la gestion des objets Date JavaScript dans toutes les fonctions de formatage. Les dates récupérées de la base de données via tRPC sont automatiquement converties en objets Date JavaScript par SuperJSON. Toutes les fonctions formatDate et safeFormatDate ont été mises à jour pour détecter et gérer correctement les objets Date en plus des chaînes MySQL, évitant ainsi les erreurs "Format de date non reconnu".

client/src/pages/AdminSequenceInscrits.tsx

@@ -171,7 +171,17 @@ export default function AdminSequenceInscrits() {
     if (!dateValue) return "N/A";
     
     try {
-      // Parser la date MySQL sans conversion UTC
+      // Si c'est déjà un objet Date JavaScript
+      if (dateValue instanceof Date) {
+        const day = String(dateValue.getDate()).padStart(2, '0');
+        const month = String(dateValue.getMonth() + 1).padStart(2, '0');
+        const year = dateValue.getFullYear();
+        const hours = String(dateValue.getHours()).padStart(2, '0');
+        const minutes = String(dateValue.getMinutes()).padStart(2, '0');
+        return `${day}/${month}/${year} ${hours}:${minutes}`;
+      }
+      
+      // Parser la date MySQL (chaîne)
       const dateStr = String(dateValue);
       const match = dateStr.match(/(\d{4})-(\d{2})-(\d{2})[T ]?(\d{2}):(\d{2})/);
       

client/src/pages/AdminSequences.tsx

@@ -99,12 +99,22 @@ export default function AdminSequences() {
     const safeFormatDate = (dateValue: any): string => {
       if (!dateValue) return "";
       try {
+        // Si c'est un objet Date JavaScript
+        if (dateValue instanceof Date) {
+          const year = dateValue.getFullYear();
+          const month = String(dateValue.getMonth() + 1).padStart(2, '0');
+          const day = String(dateValue.getDate()).padStart(2, '0');
+          const hours = String(dateValue.getHours()).padStart(2, '0');
+          const minutes = String(dateValue.getMinutes()).padStart(2, '0');
+          return `${year}-${month}-${day}T${hours}:${minutes}`;
+        }
+        
         // Si c'est déjà une chaîne au bon format, la retourner directement
         if (typeof dateValue === 'string' && dateValue.match(/^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}/)) {
           return dateValue.substring(0, 16); // Garder seulement YYYY-MM-DDTHH:mm
         }
         
-        // Parser la date MySQL (format: "YYYY-MM-DD HH:mm:ss") sans conversion UTC
+        // Parser la date MySQL (format: "YYYY-MM-DD HH:mm:ss")
         const dateStr = String(dateValue);
         const match = dateStr.match(/(\d{4})-(\d{2})-(\d{2})[T ]?(\d{2}):(\d{2})/);
         
@@ -236,7 +246,17 @@ export default function AdminSequences() {
     if (!dateValue) return "N/A";
     
     try {
-      // Parser la date MySQL (format: "YYYY-MM-DD HH:mm:ss" ou objet Date) sans conversion UTC
+      // Si c'est déjà un objet Date JavaScript
+      if (dateValue instanceof Date) {
+        const day = String(dateValue.getDate()).padStart(2, '0');
+        const month = String(dateValue.getMonth() + 1).padStart(2, '0');
+        const year = dateValue.getFullYear();
+        const hours = String(dateValue.getHours()).padStart(2, '0');
+        const minutes = String(dateValue.getMinutes()).padStart(2, '0');
+        return `${day}/${month}/${year} ${hours}:${minutes}`;
+      }
+      
+      // Parser la date MySQL (chaîne)
       const dateStr = String(dateValue);
       const match = dateStr.match(/(\d{4})-(\d{2})-(\d{2})[T ]?(\d{2}):(\d{2})/);
       

client/src/pages/Inscription.tsx

@@ -113,26 +113,33 @@ export default function Inscription() {
     if (!dateValue) return "N/A";
     
     try {
-      // Parser la date MySQL sans conversion UTC
+      let localDate: Date;
-      const dateStr = String(dateValue);
-      const match = dateStr.match(/(\d{4})-(\d{2})-(\d{2})[T ]?(\d{2}):(\d{2})/);
       
-      if (!match) {
+      // Si c'est déjà un objet Date JavaScript, l'utiliser directement
-        console.warn('Format de date non reconnu:', dateValue);
+      if (dateValue instanceof Date) {
-        return "N/A";
+        localDate = dateValue;
+      } else {
+        // Parser la date MySQL sans conversion UTC
+        const dateStr = String(dateValue);
+        const match = dateStr.match(/(\d{4})-(\d{2})-(\d{2})[T ]?(\d{2}):(\d{2})/);
+        
+        if (!match) {
+          console.warn('Format de date non reconnu:', dateValue);
+          return "N/A";
+        }
+        
+        const [, year, month, day, hours, minutes] = match;
+        
+        // Créer une Date en heure locale
+        localDate = new Date(
+          parseInt(year),
+          parseInt(month) - 1,
+          parseInt(day),
+          parseInt(hours),
+          parseInt(minutes)
+        );
       }
       
-      const [, year, month, day, hours, minutes] = match;
-      
-      // Créer une Date en heure locale pour le formatage avec date-fns
-      const localDate = new Date(
-        parseInt(year),
-        parseInt(month) - 1,
-        parseInt(day),
-        parseInt(hours),
-        parseInt(minutes)
-      );
-      
       return format(localDate, "EEEE d MMMM yyyy 'à' HH:mm", { locale: fr });
     } catch (error) {
       console.error('Erreur de formatage de date:', error, dateValue);

todo.md

@@ -109,3 +109,5 @@
 - [x] Corriger le décalage d'une heure entre la saisie et l'affichage des dates de séquences
 
 - [x] Corriger le décalage d'une heure à l'affichage des dates (problème de formatage lors de la récupération)
+
+- [x] Corriger les fonctions formatDate pour gérer les objets Date JavaScript en plus des chaînes MySQL