style: clean up code with prettier and eslint

2026-07-12 20:31:05 +02:00
parent 60278b9e71
commit fb8e77bb68
378 changed files with 22407 additions and 20689 deletions
@@ -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>
-  )
+  );
 }
@@ -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>
-  )
+  );
 }
@@ -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>
-  )
+  );
 }
@@ -1,75 +1,70 @@
-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}
@@ -89,9 +84,7 @@ 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>
@@ -119,12 +112,10 @@ 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>
@@ -144,7 +135,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,
        }}
      />
@@ -169,5 +160,5 @@ export default async function EventDetailPage({
        }))}
      />
    </div>
-  )
+  );
 }