import { AdminShell } from "@/components/admin/admin-shell";
import { AdminTable, StatusPill } from "@/components/admin/admin-ui";
import { prisma } from "@/lib/db";
import { formatDate } from "@/lib/utils";

export const dynamic = "force-dynamic";

export default async function UsersPage() {
  const users = await prisma.user.findMany({ orderBy: { created_at: "desc" } });
  return <AdminShell dark><div className="mx-auto max-w-7xl space-y-6"><h1 className="text-3xl font-bold text-white">Users</h1><AdminTable dark headers={["Name", "Email", "Plan", "Created at"]} rows={users.map((user) => [user.full_name || user.username, user.email, <StatusPill key="plan" tone="blue">{user.subscription_tier.toUpperCase()}</StatusPill>, formatDate(user.created_at)])} /></div></AdminShell>;
}