revert fb8e77bb68

revert style: clean up code with prettier and eslint

src/app/admin/events/[id]/event-prizes.tsx

@@ -1,56 +1,62 @@
-"use client";
+'use client'
 
-import { Plus, Trash2 } from "lucide-react";
-import { useState } from "react";
-import { addEventPrize, deleteEventPrize } from "@/actions/events";
-import { Badge } from "@/components/ui/badge";
-import { Button } from "@/components/ui/button";
-import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
-import { Input } from "@/components/ui/input";
-import { Label } from "@/components/ui/label";
-import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select";
-import { useServerAction } from "@/hooks/use-server-action";
+import { Plus, Trash2 } from 'lucide-react'
+import { useState } from 'react'
+import { addEventPrize, deleteEventPrize } from '@/actions/events'
+import { Badge } from '@/components/ui/badge'
+import { Button } from '@/components/ui/button'
+import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card'
+import { Input } from '@/components/ui/input'
+import { Label } from '@/components/ui/label'
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from '@/components/ui/select'
+import { useServerAction } from '@/hooks/use-server-action'
 
 interface Prize {
-  id: number;
-  position: number;
-  prizeType: string;
-  badgeCode: string | null;
-  credits: number;
-  pixels: number;
-  points: number;
-  itemId: number | null;
-  description: string;
+  id: number
+  position: number
+  prizeType: string
+  badgeCode: string | null
+  credits: number
+  pixels: number
+  points: number
+  itemId: number | null
+  description: string
 }
 
 interface Props {
-  eventId: number;
-  prizes: Prize[];
+  eventId: number
+  prizes: Prize[]
 }
 
 export function EventPrizesManager({ eventId, prizes }: Props) {
-  const { run, isPending } = useServerAction();
-  const [showForm, setShowForm] = useState(false);
+  const { run, isPending } = useServerAction()
+  const [showForm, setShowForm] = useState(false)
   const [form, setForm] = useState({
     position: prizes.length + 1,
-    prizeType: "badge" as string,
-    badgeCode: "",
+    prizeType: 'badge' as string,
+    badgeCode: '',
     credits: 0,
     pixels: 0,
     points: 0,
-    description: "",
-  });
+    description: '',
+  })
 
   function handleAdd(e: React.FormEvent) {
-    e.preventDefault();
+    e.preventDefault()
     // biome-ignore lint/suspicious/noExplicitAny: explicitly chosen here, see surrounding code
     run(() => addEventPrize({ eventId, ...form } as any), {
-      successMessage: "Prize added!",
+      successMessage: 'Prize added!',
       onSuccess: () => {
-        setShowForm(false);
-        setForm({ ...form, position: form.position + 1, badgeCode: "", description: "" });
+        setShowForm(false)
+        setForm({ ...form, position: form.position + 1, badgeCode: '', description: '' })
       },
-    });
+    })
   }
 
   return (
@@ -75,7 +81,10 @@ export function EventPrizesManager({ eventId, prizes }: Props) {
               </div>
               <div className="space-y-1">
                 <Label>Type</Label>
-                <Select value={form.prizeType} onValueChange={(v) => setForm({ ...form, prizeType: v })}>
+                <Select
+                  value={form.prizeType}
+                  onValueChange={(v) => setForm({ ...form, prizeType: v })}
+                >
                   <SelectTrigger>
                     <SelectValue />
                   </SelectTrigger>
@@ -124,11 +133,16 @@ export function EventPrizesManager({ eventId, prizes }: Props) {
         )}
 
         {prizes.length === 0 && !showForm && (
-          <p className="text-sm text-muted-foreground text-center py-4">No prizes configured yet.</p>
+          <p className="text-sm text-muted-foreground text-center py-4">
+            No prizes configured yet.
+          </p>
         )}
 
         {prizes.map((prize) => (
-          <div key={prize.id} className="flex items-center justify-between border rounded-lg px-4 py-3">
+          <div
+            key={prize.id}
+            className="flex items-center justify-between border rounded-lg px-4 py-3"
+          >
             <div className="flex items-center gap-3">
               <span className="flex h-8 w-8 items-center justify-center rounded-full bg-accent font-bold text-sm">
                 #{prize.position}
@@ -141,14 +155,16 @@ export function EventPrizesManager({ eventId, prizes }: Props) {
                   {prize.pixels > 0 && <span className="text-sm">{prize.pixels} pixels</span>}
                   {prize.points > 0 && <span className="text-sm">{prize.points} points</span>}
                 </div>
-                {prize.description && <p className="text-xs text-muted-foreground">{prize.description}</p>}
+                {prize.description && (
+                  <p className="text-xs text-muted-foreground">{prize.description}</p>
+                )}
               </div>
             </div>
             <Button
               variant="ghost"
               size="icon"
               onClick={() =>
-                run(() => deleteEventPrize({ id: prize.id }), { successMessage: "Prize removed" })
+                run(() => deleteEventPrize({ id: prize.id }), { successMessage: 'Prize removed' })
               }
             >
               <Trash2 className="h-4 w-4 text-destructive" />
@@ -157,5 +173,5 @@ export function EventPrizesManager({ eventId, prizes }: Props) {
         ))}
       </CardContent>
     </Card>
-  );
+  )
 }

src/app/admin/events/[id]/event-registrations.tsx

@@ -1,16 +1,16 @@
-"use client";
+'use client'
 
-import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
+import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card'
 
 interface Registration {
-  id: number;
-  userId: number;
-  username: string;
-  createdAt: Date;
+  id: number
+  userId: number
+  username: string
+  createdAt: Date
 }
 
 interface Props {
-  registrations: Registration[];
+  registrations: Registration[]
 }
 
 export function EventRegistrations({ registrations }: Props) {
@@ -36,5 +36,5 @@ export function EventRegistrations({ registrations }: Props) {
         )}
       </CardContent>
     </Card>
-  );
+  )
 }

src/app/admin/events/[id]/event-winners.tsx

@@ -1,43 +1,43 @@
-"use client";
+'use client'
 
-import { Plus } from "lucide-react";
-import { useState } from "react";
-import { addEventWinner } from "@/actions/events";
-import { Button } from "@/components/ui/button";
-import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
-import { Input } from "@/components/ui/input";
-import { Label } from "@/components/ui/label";
-import { useServerAction } from "@/hooks/use-server-action";
+import { Plus } from 'lucide-react'
+import { useState } from 'react'
+import { addEventWinner } from '@/actions/events'
+import { Button } from '@/components/ui/button'
+import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card'
+import { Input } from '@/components/ui/input'
+import { Label } from '@/components/ui/label'
+import { useServerAction } from '@/hooks/use-server-action'
 
 interface Winner {
-  id: number;
-  userId: number;
-  position: number;
-  username: string;
-  createdAt: Date;
+  id: number
+  userId: number
+  position: number
+  username: string
+  createdAt: Date
 }
 
 interface Props {
-  eventId: number;
-  winners: Winner[];
+  eventId: number
+  winners: Winner[]
 }
 
 export function EventWinnersManager({ eventId, winners }: Props) {
-  const { run, isPending } = useServerAction();
-  const [showForm, setShowForm] = useState(false);
-  const [userId, setUserId] = useState("");
-  const [position, setPosition] = useState(winners.length + 1);
+  const { run, isPending } = useServerAction()
+  const [showForm, setShowForm] = useState(false)
+  const [userId, setUserId] = useState('')
+  const [position, setPosition] = useState(winners.length + 1)
 
   function handleAdd(e: React.FormEvent) {
-    e.preventDefault();
+    e.preventDefault()
     run(() => addEventWinner({ eventId, userId: Number(userId), position }), {
-      successMessage: "Winner added!",
+      successMessage: 'Winner added!',
       onSuccess: () => {
-        setShowForm(false);
-        setUserId("");
-        setPosition(position + 1);
+        setShowForm(false)
+        setUserId('')
+        setPosition(position + 1)
       },
-    });
+    })
   }
 
   return (
@@ -95,5 +95,5 @@ export function EventWinnersManager({ eventId, winners }: Props) {
         </div>
       </CardContent>
     </Card>
-  );
+  )
 }

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>
-  );
+  )
 }

src/app/admin/events/create/page.tsx

@@ -1,18 +1,18 @@
-import { redirect } from "next/navigation";
-import { canAccess, getAdminContext, PERMS } from "@/lib/permissions";
-import { prisma } from "@/lib/prisma";
-import { EventForm } from "../event-form";
+import { redirect } from 'next/navigation'
+import { canAccess, getAdminContext, PERMS } from '@/lib/permissions'
+import { prisma } from '@/lib/prisma'
+import { EventForm } from '../event-form'
 
 export default async function CreateEventPage() {
-  const { session, permissions } = await getAdminContext();
+  const { session, permissions } = await getAdminContext()
   if (!canAccess(permissions, PERMS.EVENTS_EDIT, session.user.rank)) {
-    redirect("/admin/events");
+    redirect('/admin/events')
   }
 
   const eventTypes = await prisma.websiteEventType.findMany({
     where: { isActive: 1 },
-    orderBy: { name: "asc" },
-  });
+    orderBy: { name: 'asc' },
+  })
 
   return (
     <div className="space-y-6">
@@ -23,5 +23,5 @@ export default async function CreateEventPage() {
 
       <EventForm eventTypes={eventTypes} />
     </div>
-  );
+  )
 }

src/app/admin/events/event-form.tsx

@@ -1,60 +1,66 @@
-"use client";
+'use client'
 
-import { useForm } from "react-hook-form";
-import { createEvent, updateEvent } from "@/actions/events";
-import { Button } from "@/components/ui/button";
-import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
-import { DateTimePicker } from "@/components/ui/date-time-picker";
-import { Input } from "@/components/ui/input";
-import { Label } from "@/components/ui/label";
-import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select";
-import { Textarea } from "@/components/ui/textarea";
-import { useServerAction } from "@/hooks/use-server-action";
-import type { CreateEventInput } from "@/lib/validators/event";
+import { useForm } from 'react-hook-form'
+import { createEvent, updateEvent } from '@/actions/events'
+import { Button } from '@/components/ui/button'
+import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card'
+import { DateTimePicker } from '@/components/ui/date-time-picker'
+import { Input } from '@/components/ui/input'
+import { Label } from '@/components/ui/label'
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from '@/components/ui/select'
+import { Textarea } from '@/components/ui/textarea'
+import { useServerAction } from '@/hooks/use-server-action'
+import type { CreateEventInput } from '@/lib/validators/event'
 
 interface EventType {
-  id: number;
-  name: string;
-  slug: string;
-  color: string;
+  id: number
+  name: string
+  slug: string
+  color: string
 }
 
 interface EventFormProps {
-  eventTypes: EventType[];
-  defaultValues?: Partial<CreateEventInput> & { id?: number };
+  eventTypes: EventType[]
+  defaultValues?: Partial<CreateEventInput> & { id?: number }
 }
 
 export function EventForm({ eventTypes, defaultValues }: EventFormProps) {
-  const { run, isPending } = useServerAction();
-  const isEditing = !!defaultValues?.id;
+  const { run, isPending } = useServerAction()
+  const isEditing = !!defaultValues?.id
 
   const form = useForm({
     defaultValues: {
-      title: "",
-      description: "",
+      title: '',
+      description: '',
       typeId: eventTypes[0]?.id,
-      status: "draft",
+      status: 'draft',
       isRecurring: 0,
       ...defaultValues,
     },
-  });
+  })
 
   // biome-ignore lint/suspicious/noExplicitAny: form values typed by useForm defaults; createEvent does its own zod validation
   function onSubmit(data: any) {
     if (isEditing && defaultValues?.id) {
       run(() => updateEvent({ id: defaultValues.id!, ...data }), {
-        successMessage: "Event updated!",
-      });
+        successMessage: 'Event updated!',
+      })
     } else {
       run(() => createEvent(data), {
-        successMessage: "Event created!",
+        successMessage: 'Event created!',
         onSuccess: (result) => {
-          const data = result.data as Record<string, unknown> | undefined;
+          const data = result.data as Record<string, unknown> | undefined
           if (data?.id) {
-            window.location.href = `/admin/events/${data.id}`;
+            window.location.href = `/admin/events/${data.id}`
           }
         },
-      });
+      })
     }
   }
 
@@ -62,13 +68,13 @@ export function EventForm({ eventTypes, defaultValues }: EventFormProps) {
     <form onSubmit={form.handleSubmit(onSubmit)}>
       <Card>
         <CardHeader>
-          <CardTitle>{isEditing ? "Edit Event" : "Event Details"}</CardTitle>
+          <CardTitle>{isEditing ? 'Edit Event' : 'Event Details'}</CardTitle>
         </CardHeader>
         <CardContent className="space-y-4">
           <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
             <div className="space-y-2">
               <Label htmlFor="title">Title</Label>
-              <Input id="title" {...form.register("title")} />
+              <Input id="title" {...form.register('title')} />
               {form.formState.errors.title && (
                 <p className="text-sm text-destructive">{form.formState.errors.title.message}</p>
               )}
@@ -77,8 +83,8 @@ export function EventForm({ eventTypes, defaultValues }: EventFormProps) {
             <div className="space-y-2">
               <Label htmlFor="typeId">Event Type</Label>
               <Select
-                value={String(form.watch("typeId"))}
-                onValueChange={(v) => form.setValue("typeId", Number(v))}
+                value={String(form.watch('typeId'))}
+                onValueChange={(v) => form.setValue('typeId', Number(v))}
               >
                 <SelectTrigger>
                   <SelectValue placeholder="Select type" />
@@ -96,44 +102,54 @@ export function EventForm({ eventTypes, defaultValues }: EventFormProps) {
 
           <div className="space-y-2">
             <Label htmlFor="description">Description</Label>
-            <Textarea id="description" rows={4} {...form.register("description")} />
+            <Textarea id="description" rows={4} {...form.register('description')} />
           </div>
 
           <div className="grid grid-cols-1 md:grid-cols-3 gap-4">
             <div className="space-y-2">
               <Label>Starts At</Label>
               <DateTimePicker
-                value={form.watch("startsAt")}
+                value={form.watch('startsAt')}
                 // biome-ignore lint/suspicious/noExplicitAny: form value type inferred loose; runtime validated by zod on submit
-                onChange={(d) => form.setValue("startsAt", d as any, { shouldDirty: true })}
+                onChange={(d) => form.setValue('startsAt', d as any, { shouldDirty: true })}
                 placeholder="Select start date"
               />
             </div>
             <div className="space-y-2">
               <Label>Ends At</Label>
               <DateTimePicker
-                value={form.watch("endsAt")}
+                value={form.watch('endsAt')}
                 // biome-ignore lint/suspicious/noExplicitAny: form value type inferred loose; runtime validated by zod on submit
-                onChange={(d) => form.setValue("endsAt", d as any, { shouldDirty: true })}
+                onChange={(d) => form.setValue('endsAt', d as any, { shouldDirty: true })}
                 placeholder="Select end date"
               />
             </div>
             <div className="space-y-2">
               <Label htmlFor="maxPlayers">Max Players</Label>
-              <Input id="maxPlayers" type="number" {...form.register("maxPlayers")} placeholder="Unlimited" />
+              <Input
+                id="maxPlayers"
+                type="number"
+                {...form.register('maxPlayers')}
+                placeholder="Unlimited"
+              />
             </div>
           </div>
 
           <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
             <div className="space-y-2">
               <Label htmlFor="roomId">Room ID</Label>
-              <Input id="roomId" type="number" {...form.register("roomId")} placeholder="Optional" />
+              <Input
+                id="roomId"
+                type="number"
+                {...form.register('roomId')}
+                placeholder="Optional"
+              />
             </div>
             <div className="space-y-2">
               <Label htmlFor="status">Status</Label>
               <Select
-                value={form.watch("status")}
-                onValueChange={(v) => form.setValue("status", v as CreateEventInput["status"])}
+                value={form.watch('status')}
+                onValueChange={(v) => form.setValue('status', v as CreateEventInput['status'])}
               >
                 <SelectTrigger>
                   <SelectValue />
@@ -150,16 +166,16 @@ export function EventForm({ eventTypes, defaultValues }: EventFormProps) {
 
           <div className="space-y-2">
             <Label htmlFor="image">Image URL</Label>
-            <Input id="image" {...form.register("image")} placeholder="https://..." />
+            <Input id="image" {...form.register('image')} placeholder="https://..." />
           </div>
 
           <div className="flex justify-end">
             <Button type="submit" disabled={isPending}>
-              {isPending ? "Saving..." : isEditing ? "Update Event" : "Create Event"}
+              {isPending ? 'Saving...' : isEditing ? 'Update Event' : 'Create Event'}
             </Button>
           </div>
         </CardContent>
       </Card>
     </form>
-  );
+  )
 }

src/app/admin/events/events-table.tsx

@@ -1,66 +1,66 @@
-"use client";
+'use client'
 
-import { Pencil } from "lucide-react";
-import Link from "next/link";
-import { DataTable } from "@/components/admin/data-table";
-import { Badge } from "@/components/ui/badge";
-import { Button } from "@/components/ui/button";
-import type { DataTableColumn, PaginatedResult } from "@/types";
+import { Pencil } from 'lucide-react'
+import Link from 'next/link'
+import { DataTable } from '@/components/admin/data-table'
+import { Badge } from '@/components/ui/badge'
+import { Button } from '@/components/ui/button'
+import type { DataTableColumn, PaginatedResult } from '@/types'
 
 interface EventRow {
-  id: number;
-  title: string;
-  typeName: string;
-  typeColor: string;
-  startsAt: Date;
-  endsAt: Date | null;
-  status: string;
-  hostUserId: number;
+  id: number
+  title: string
+  typeName: string
+  typeColor: string
+  startsAt: Date
+  endsAt: Date | null
+  status: string
+  hostUserId: number
 }
 
-const statusVariants: Record<string, "default" | "secondary" | "outline" | "destructive"> = {
-  published: "default",
-  draft: "secondary",
-  cancelled: "destructive",
-  completed: "outline",
-};
+const statusVariants: Record<string, 'default' | 'secondary' | 'outline' | 'destructive'> = {
+  published: 'default',
+  draft: 'secondary',
+  cancelled: 'destructive',
+  completed: 'outline',
+}
 
 function getColumns(): DataTableColumn<EventRow>[] {
   return [
-    { key: "id", label: "ID", sortable: true },
+    { key: 'id', label: 'ID', sortable: true },
     {
-      key: "title",
-      label: "Title",
+      key: 'title',
+      label: 'Title',
       sortable: true,
       render: (value) => <span className="font-medium">{String(value)}</span>,
     },
     {
-      key: "typeName",
-      label: "Type",
+      key: 'typeName',
+      label: 'Type',
       sortable: false,
       render: (_, row) => (
-        <Badge style={{ backgroundColor: row.typeColor, color: "#fff" }}>{row.typeName}</Badge>
+        <Badge style={{ backgroundColor: row.typeColor, color: '#fff' }}>{row.typeName}</Badge>
       ),
     },
     {
-      key: "startsAt",
-      label: "Starts",
+      key: 'startsAt',
+      label: 'Starts',
       sortable: true,
       render: (value) => (
         <span className="text-sm">{new Date(value as unknown as string).toLocaleString()}</span>
       ),
     },
     {
-      key: "status",
-      label: "Status",
+      key: 'status',
+      label: 'Status',
       sortable: true,
       render: (value) => (
-        <Badge variant={statusVariants[String(value)] ?? "secondary"}>{String(value)}</Badge>
+        <Badge variant={statusVariants[String(value)] ?? 'secondary'}>{String(value)}</Badge>
       ),
     },
     {
-      key: "actions",
-      label: "Actions",
+      key: 'actions',
+      label: 'Actions',
       render: (_, row) => (
         <Button variant="ghost" size="icon" asChild>
           <Link href={`/admin/events/${row.id}`}>
@@ -69,13 +69,13 @@ function getColumns(): DataTableColumn<EventRow>[] {
         </Button>
       ),
     },
-  ];
+  ]
 }
 
 interface EventsTableProps {
-  data: PaginatedResult<EventRow>;
+  data: PaginatedResult<EventRow>
 }
 
 export function EventsTable({ data }: EventsTableProps) {
-  return <DataTable data={data} columns={getColumns()} searchPlaceholder="Search events..." />;
+  return <DataTable data={data} columns={getColumns()} searchPlaceholder="Search events..." />
 }

src/app/admin/events/page.tsx

@@ -1,32 +1,32 @@
-import Link from "next/link";
-import { Button } from "@/components/ui/button";
-import { fetchAdminList } from "@/lib/admin-list";
-import { PERMS } from "@/lib/permissions";
-import { EventsTable } from "./events-table";
+import Link from 'next/link'
+import { Button } from '@/components/ui/button'
+import { fetchAdminList } from '@/lib/admin-list'
+import { PERMS } from '@/lib/permissions'
+import { EventsTable } from './events-table'
 
 export default async function EventsPage({
   params: paramsPromise,
   searchParams,
 }: {
-  params: Promise<{ locale: string }>;
-  searchParams: Promise<Record<string, string>>;
+  params: Promise<{ locale: string }>
+  searchParams: Promise<Record<string, string>>
 }) {
   const result = await fetchAdminList(
     {
       permission: PERMS.EVENTS_VIEW,
-      model: "websiteEvent",
-      searchFields: ["title"],
-      defaultSort: { startsAt: "desc" },
+      model: 'websiteEvent',
+      searchFields: ['title'],
+      defaultSort: { startsAt: 'desc' },
       include: { type: { select: { name: true, color: true } } },
       mapRow: (e: {
-        id: number;
-        title: string;
-        type: { name: string; color: string };
-        startsAt: Date;
-        endsAt: Date | null;
-        status: string;
-        hostUserId: number;
-        _count?: { registrations: number };
+        id: number
+        title: string
+        type: { name: string; color: string }
+        startsAt: Date
+        endsAt: Date | null
+        status: string
+        hostUserId: number
+        _count?: { registrations: number }
       }) => ({
         id: e.id,
         title: e.title,
@@ -40,7 +40,7 @@ export default async function EventsPage({
     },
     paramsPromise,
     searchParams,
-  );
+  )
 
   return (
     <div className="space-y-6">
@@ -64,5 +64,5 @@ export default async function EventsPage({
         }}
       />
     </div>
-  );
+  )
 }

src/app/admin/events/types/event-types-manager.tsx

@@ -1,47 +1,47 @@
-"use client";
+'use client'
 
-import { Pencil, Plus, Trash2 } from "lucide-react";
-import { useState } from "react";
-import { createEventType, deleteEventType, updateEventType } from "@/actions/events";
-import { Badge } from "@/components/ui/badge";
-import { Button } from "@/components/ui/button";
-import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
-import { Input } from "@/components/ui/input";
-import { Label } from "@/components/ui/label";
-import { useServerAction } from "@/hooks/use-server-action";
+import { Pencil, Plus, Trash2 } from 'lucide-react'
+import { useState } from 'react'
+import { createEventType, deleteEventType, updateEventType } from '@/actions/events'
+import { Badge } from '@/components/ui/badge'
+import { Button } from '@/components/ui/button'
+import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card'
+import { Input } from '@/components/ui/input'
+import { Label } from '@/components/ui/label'
+import { useServerAction } from '@/hooks/use-server-action'
 
 interface EventType {
-  id: number;
-  name: string;
-  slug: string;
-  description: string;
-  color: string;
-  icon: string;
-  isActive: number;
-  minRank: number;
+  id: number
+  name: string
+  slug: string
+  description: string
+  color: string
+  icon: string
+  isActive: number
+  minRank: number
 }
 
 interface Props {
-  eventTypes: EventType[];
+  eventTypes: EventType[]
 }
 
 export function EventTypesManager({ eventTypes }: Props) {
-  const { run, isPending } = useServerAction();
-  const [showForm, setShowForm] = useState(false);
-  const [editingId, setEditingId] = useState<number | null>(null);
+  const { run, isPending } = useServerAction()
+  const [showForm, setShowForm] = useState(false)
+  const [editingId, setEditingId] = useState<number | null>(null)
   const [form, setForm] = useState({
-    name: "",
-    slug: "",
-    description: "",
-    color: "#3b82f6",
-    icon: "calendar",
+    name: '',
+    slug: '',
+    description: '',
+    color: '#3b82f6',
+    icon: 'calendar',
     minRank: 0,
-  });
+  })
 
   function resetForm() {
-    setForm({ name: "", slug: "", description: "", color: "#3b82f6", icon: "calendar", minRank: 0 });
-    setEditingId(null);
-    setShowForm(false);
+    setForm({ name: '', slug: '', description: '', color: '#3b82f6', icon: 'calendar', minRank: 0 })
+    setEditingId(null)
+    setShowForm(false)
   }
 
   function handleEdit(et: EventType) {
@@ -52,30 +52,30 @@ export function EventTypesManager({ eventTypes }: Props) {
       color: et.color,
       icon: et.icon,
       minRank: et.minRank,
-    });
-    setEditingId(et.id);
-    setShowForm(true);
+    })
+    setEditingId(et.id)
+    setShowForm(true)
   }
 
   function handleSubmit(e: React.FormEvent) {
-    e.preventDefault();
+    e.preventDefault()
     if (editingId) {
       run(() => updateEventType({ id: editingId, ...form }), {
-        successMessage: "Event type updated!",
+        successMessage: 'Event type updated!',
         onSuccess: resetForm,
-      });
+      })
     } else {
       run(() => createEventType(form), {
-        successMessage: "Event type created!",
+        successMessage: 'Event type created!',
         onSuccess: resetForm,
-      });
+      })
     }
   }
 
   function handleDelete(id: number) {
     run(() => deleteEventType({ id }), {
-      successMessage: "Event type deleted!",
-    });
+      successMessage: 'Event type deleted!',
+    })
   }
 
   return (
@@ -90,7 +90,7 @@ export function EventTypesManager({ eventTypes }: Props) {
       {showForm && (
         <Card>
           <CardHeader>
-            <CardTitle>{editingId ? "Edit Event Type" : "New Event Type"}</CardTitle>
+            <CardTitle>{editingId ? 'Edit Event Type' : 'New Event Type'}</CardTitle>
           </CardHeader>
           <CardContent>
             <form onSubmit={handleSubmit} className="space-y-4">
@@ -136,9 +136,13 @@ export function EventTypesManager({ eventTypes }: Props) {
                     min={0}
                     max={7}
                     value={form.minRank}
-                    onChange={(e) => setForm({ ...form, minRank: parseInt(e.target.value, 10) || 0 })}
+                    onChange={(e) =>
+                      setForm({ ...form, minRank: parseInt(e.target.value, 10) || 0 })
+                    }
                   />
-                  <p className="text-[10px] text-muted-foreground">0=Tutti, 3=Mod+, 4=Staff+, 6=Admin+</p>
+                  <p className="text-[10px] text-muted-foreground">
+                    0=Tutti, 3=Mod+, 4=Staff+, 6=Admin+
+                  </p>
                 </div>
               </div>
               <div className="flex gap-2 justify-end">
@@ -146,7 +150,7 @@ export function EventTypesManager({ eventTypes }: Props) {
                   Cancel
                 </Button>
                 <Button type="submit" disabled={isPending}>
-                  {isPending ? "Saving..." : editingId ? "Update" : "Create"}
+                  {isPending ? 'Saving...' : editingId ? 'Update' : 'Create'}
                 </Button>
               </div>
             </form>
@@ -170,8 +174,8 @@ export function EventTypesManager({ eventTypes }: Props) {
                     <span className="font-medium">{et.name}</span>
                     <span className="ml-2 text-xs text-muted-foreground">{et.slug}</span>
                   </div>
-                  <Badge variant={et.isActive ? "default" : "outline"}>
-                    {et.isActive ? "Active" : "Inactive"}
+                  <Badge variant={et.isActive ? 'default' : 'outline'}>
+                    {et.isActive ? 'Active' : 'Inactive'}
                   </Badge>
                   {et.minRank > 0 && (
                     <Badge variant="secondary" className="text-[10px]">
@@ -193,5 +197,5 @@ export function EventTypesManager({ eventTypes }: Props) {
         </CardContent>
       </Card>
     </div>
-  );
+  )
 }

src/app/admin/events/types/page.tsx

@@ -1,17 +1,17 @@
-import { redirect } from "next/navigation";
-import { canAccess, getAdminContext, PERMS } from "@/lib/permissions";
-import { prisma } from "@/lib/prisma";
-import { EventTypesManager } from "./event-types-manager";
+import { redirect } from 'next/navigation'
+import { canAccess, getAdminContext, PERMS } from '@/lib/permissions'
+import { prisma } from '@/lib/prisma'
+import { EventTypesManager } from './event-types-manager'
 
 export default async function EventTypesPage() {
-  const { session, permissions } = await getAdminContext();
+  const { session, permissions } = await getAdminContext()
   if (!canAccess(permissions, PERMS.EVENTS_EDIT, session.user.rank)) {
-    redirect("/admin/events");
+    redirect('/admin/events')
   }
 
   const eventTypes = await prisma.websiteEventType.findMany({
-    orderBy: { name: "asc" },
-  });
+    orderBy: { name: 'asc' },
+  })
 
   return (
     <div className="space-y-6">
@@ -22,5 +22,5 @@ export default async function EventTypesPage() {
 
       <EventTypesManager eventTypes={eventTypes} />
     </div>
-  );
+  )
 }