SimoandCursor
a25008deb5
Align detail headers with admin chrome, translate stats/forms/breadcrumbs, and use admin-empty for prizes, winners, registrations, and questions. Co-authored-by: Cursor <[email protected]>
49 lines
1.1 KiB
TypeScript
49 lines
1.1 KiB
TypeScript
"use client";
|
|
|
|
import { useTranslations } from "next-intl";
|
|
import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
|
|
|
|
interface Registration {
|
|
id: number;
|
|
userId: number;
|
|
username: string;
|
|
createdAt: Date;
|
|
}
|
|
|
|
interface Props {
|
|
registrations: Registration[];
|
|
}
|
|
|
|
export function EventRegistrations({ registrations }: Props) {
|
|
const t = useTranslations("pages.admin.events");
|
|
|
|
return (
|
|
<Card>
|
|
<CardHeader>
|
|
<CardTitle>
|
|
{t("registrationsTitle", { count: registrations.length })}
|
|
</CardTitle>
|
|
</CardHeader>
|
|
<CardContent>
|
|
{registrations.length === 0 ? (
|
|
<div className="admin-empty">{t("noRegistrations")}</div>
|
|
) : (
|
|
<div className="divide-y max-h-[400px] overflow-y-auto">
|
|
{registrations.map((r) => (
|
|
<div
|
|
key={r.id}
|
|
className="flex items-center justify-between py-2"
|
|
>
|
|
<span className="text-sm font-medium">{r.username}</span>
|
|
<span className="text-xs text-muted-foreground">
|
|
{new Date(r.createdAt).toLocaleString()}
|
|
</span>
|
|
</div>
|
|
))}
|
|
</div>
|
|
)}
|
|
</CardContent>
|
|
</Card>
|
|
);
|
|
}
|