Refactor event date handling: Update event model to use DateTime type for date fields in Prisma schema. Modify API routes and UI components to ensure consistent date formatting and handling, improving data integrity and user experience across event management and display.

app/api/admin/events/[id]/route.ts

@@ -31,7 +31,7 @@ export async function PUT(
     }
 
     const updateData: {
-      date?: string;
+      date?: Date;
       name?: string;
       description?: string;
       type?: EventType;
@@ -41,7 +41,16 @@ export async function PUT(
       maxPlaces?: number | null;
     } = {};
 
-    if (date !== undefined) updateData.date = date;
+    if (date !== undefined) {
+      const eventDate = new Date(date);
+      if (isNaN(eventDate.getTime())) {
+        return NextResponse.json(
+          { error: "Format de date invalide" },
+          { status: 400 }
+        );
+      }
+      updateData.date = eventDate;
+    }
     if (name !== undefined) updateData.name = name;
     if (description !== undefined) updateData.description = description;
     if (type !== undefined) {

app/api/admin/events/route.ts

@@ -38,7 +38,7 @@ export async function GET() {
     // Transformer les données pour inclure le nombre d'inscriptions
     const eventsWithCount = events.map((event) => ({
       id: event.id,
-      date: event.date,
+      date: event.date.toISOString(),
       name: event.name,
       description: event.description,
       type: event.type,
@@ -96,7 +96,7 @@ export async function POST(request: Request) {
 
     const event = await prisma.event.create({
       data: {
-        date,
+        date: eventDate,
         name,
         description,
         type: type as EventType,

app/events/page.tsx

@@ -11,6 +11,14 @@ export default async function EventsPage() {
     },
   });
 
+  // Sérialiser les dates pour le client
+  const serializedEvents = events.map((event) => ({
+    ...event,
+    date: event.date.toISOString(),
+    createdAt: event.createdAt.toISOString(),
+    updatedAt: event.updatedAt.toISOString(),
+  }));
+
   const backgroundImage = await getBackgroundImage("events", "/got-2.jpg");
 
   // Récupérer les inscriptions côté serveur pour éviter le clignotement
@@ -44,7 +52,7 @@ export default async function EventsPage() {
     <main className="min-h-screen bg-black relative">
       <NavigationWrapper />
       <EventsPageSection
-        events={events}
+        events={serializedEvents}
         backgroundImage={backgroundImage}
         initialRegistrations={initialRegistrations}
       />