Refactor event fetching and display: Change event retrieval order to descending by date, enhance event data structure to include registration counts, and update UI components to reflect these changes for better user experience.

app/api/admin/events/route.ts

@@ -13,11 +13,39 @@ export async function GET() {
 
     const events = await prisma.event.findMany({
       orderBy: {
-        date: "asc",
+        date: "desc",
+      },
+      select: {
+        id: true,
+        date: true,
+        name: true,
+        description: true,
+        type: true,
+        status: true,
+        createdAt: true,
+        updatedAt: true,
+        _count: {
+          select: {
+            registrations: true,
+          },
+        },
       },
     });
 
-    return NextResponse.json(events);
+    // Transformer les données pour inclure le nombre d'inscriptions
+    const eventsWithCount = events.map((event) => ({
+      id: event.id,
+      date: event.date,
+      name: event.name,
+      description: event.description,
+      type: event.type,
+      status: event.status,
+      createdAt: event.createdAt.toISOString(),
+      updatedAt: event.updatedAt.toISOString(),
+      registrationsCount: event._count.registrations,
+    }));
+
+    return NextResponse.json(eventsWithCount);
   } catch (error) {
     console.error("Error fetching events:", error);
     return NextResponse.json(

app/events/page.tsx

@@ -6,7 +6,7 @@ import { getBackgroundImage } from "@/lib/preferences";
 export default async function EventsPage() {
   const events = await prisma.event.findMany({
     orderBy: {
-      date: "asc",
+      date: "desc",
     },
   });