style: format code with prettier

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

@@ -1,62 +1,56 @@
-'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 (
@@ -81,10 +75,7 @@ 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>
@@ -133,16 +124,11 @@ 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}
@@ -155,16 +141,14 @@ 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" />
@@ -173,5 +157,5 @@ export function EventPrizesManager({ eventId, prizes }: Props) {
         ))}
       </CardContent>
     </Card>
-  )
+  );
 }