revert fb8e77bb68

revert style: clean up code with prettier and eslint

src/app/admin/events/[id]/page.tsx

@@ -1,70 +1,75 @@
-import { CalendarDays, Gift, Trophy, Users } from "lucide-react";
-import { notFound, redirect } from "next/navigation";
-import { AdminBreadcrumb } from "@/components/admin/admin-breadcrumb";
-import { Badge } from "@/components/ui/badge";
-import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
-import { canAccess, getAdminContext, PERMS } from "@/lib/permissions";
-import { prisma } from "@/lib/prisma";
-import { EventForm } from "../event-form";
-import { EventPrizesManager } from "./event-prizes";
-import { EventRegistrations } from "./event-registrations";
-import { EventWinnersManager } from "./event-winners";
+import { CalendarDays, Gift, Trophy, Users } from 'lucide-react'
+import { notFound, redirect } from 'next/navigation'
+import { AdminBreadcrumb } from '@/components/admin/admin-breadcrumb'
+import { Badge } from '@/components/ui/badge'
+import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card'
+import { canAccess, getAdminContext, PERMS } from '@/lib/permissions'
+import { prisma } from '@/lib/prisma'
+import { EventForm } from '../event-form'
+import { EventPrizesManager } from './event-prizes'
+import { EventRegistrations } from './event-registrations'
+import { EventWinnersManager } from './event-winners'
 
 export default async function EventDetailPage({
   params,
 }: {
-  params: Promise<{ locale: string; id: string }>;
+  params: Promise<{ locale: string; id: string }>
 }) {
-  const { id } = await params;
-  const { session, permissions } = await getAdminContext();
+  const { id } = await params
+  const { session, permissions } = await getAdminContext()
   if (!canAccess(permissions, PERMS.EVENTS_EDIT, session.user.rank)) {
-    redirect("/admin/events");
+    redirect('/admin/events')
   }
 
-  const eventId = parseInt(id, 10);
-  if (Number.isNaN(eventId)) notFound();
+  const eventId = parseInt(id, 10)
+  if (Number.isNaN(eventId)) notFound()
 
   const event = await prisma.websiteEvent.findUnique({
     where: { id: eventId },
     include: {
       type: true,
-      prizes: { orderBy: { position: "asc" } },
-      winners: { orderBy: { position: "asc" } },
-      registrations: { orderBy: { createdAt: "desc" } },
+      prizes: { orderBy: { position: 'asc' } },
+      winners: { orderBy: { position: 'asc' } },
+      registrations: { orderBy: { createdAt: 'desc' } },
     },
-  });
+  })
 
-  if (!event) notFound();
+  if (!event) notFound()
 
   const eventTypes = await prisma.websiteEventType.findMany({
     where: { isActive: 1 },
-    orderBy: { name: "asc" },
-  });
+    orderBy: { name: 'asc' },
+  })
 
   // Fetch usernames for registrations and winners
-  const userIds = [...event.registrations.map((r) => r.userId), ...event.winners.map((w) => w.userId)];
+  const userIds = [
+    ...event.registrations.map((r) => r.userId),
+    ...event.winners.map((w) => w.userId),
+  ]
   const users =
     userIds.length > 0
       ? await prisma.user.findMany({
           where: { id: { in: [...new Set(userIds)] } },
           select: { id: true, username: true },
         })
-      : [];
-  const userMap = new Map(users.map((u) => [u.id, u.username]));
+      : []
+  const userMap = new Map(users.map((u) => [u.id, u.username]))
 
   return (
     <div className="space-y-6">
       <div>
-        <AdminBreadcrumb items={[{ label: "Events", href: "/admin/events" }, { label: event.title }]} />
+        <AdminBreadcrumb
+          items={[{ label: 'Events', href: '/admin/events' }, { label: event.title }]}
+        />
         <div className="flex items-center gap-3">
           <h1 className="text-3xl font-bold tracking-tight">{event.title}</h1>
           <Badge
             variant={
-              event.status === "published"
-                ? "default"
-                : event.status === "cancelled"
-                  ? "destructive"
-                  : "secondary"
+              event.status === 'published'
+                ? 'default'
+                : event.status === 'cancelled'
+                  ? 'destructive'
+                  : 'secondary'
             }
           >
             {event.status}
@@ -84,7 +89,9 @@ export default async function EventDetailPage({
           </CardHeader>
           <CardContent>
             <div className="text-2xl font-bold">{event.registrations.length}</div>
-            {event.maxPlayers && <p className="text-xs text-muted-foreground">Max: {event.maxPlayers}</p>}
+            {event.maxPlayers && (
+              <p className="text-xs text-muted-foreground">Max: {event.maxPlayers}</p>
+            )}
           </CardContent>
         </Card>
         <Card>
@@ -112,10 +119,12 @@ export default async function EventDetailPage({
           </CardHeader>
           <CardContent>
             <div className="text-sm font-medium">
-              {new Date(event.startsAt) > new Date() ? "Upcoming" : "Past"}
+              {new Date(event.startsAt) > new Date() ? 'Upcoming' : 'Past'}
             </div>
             {event.endsAt && (
-              <p className="text-xs text-muted-foreground">Ends: {new Date(event.endsAt).toLocaleString()}</p>
+              <p className="text-xs text-muted-foreground">
+                Ends: {new Date(event.endsAt).toLocaleString()}
+              </p>
             )}
           </CardContent>
         </Card>
@@ -135,7 +144,7 @@ export default async function EventDetailPage({
           maxPlayers: event.maxPlayers,
           isRecurring: event.isRecurring,
           recurrenceRule: event.recurrenceRule,
-          status: event.status as "draft" | "published" | "cancelled" | "completed",
+          status: event.status as 'draft' | 'published' | 'cancelled' | 'completed',
           image: event.image,
         }}
       />
@@ -160,5 +169,5 @@ export default async function EventDetailPage({
         }))}
       />
     </div>
-  );
+  )
 }