twotalesanimation
50 lines
1.4 KiB
TypeScript
50 lines
1.4 KiB
TypeScript
import { Metadata } from "next";
|
|
import { auth } from "@/auth";
|
|
import { redirect } from "next/navigation";
|
|
import { db } from "@/lib/db";
|
|
import { UsersClient } from "@/components/users/UsersClient";
|
|
import { Users } from "lucide-react";
|
|
|
|
export const metadata: Metadata = { title: "User Management" };
|
|
|
|
export default async function UsersPage() {
|
|
const session = await auth();
|
|
if (!session || session.user.role !== "ADMIN") {
|
|
redirect("/dashboard");
|
|
}
|
|
|
|
const users = await db.user.findMany({
|
|
orderBy: [{ role: "asc" }, { name: "asc" }, { email: "asc" }],
|
|
select: {
|
|
id: true,
|
|
name: true,
|
|
email: true,
|
|
role: true,
|
|
isActive: true,
|
|
createdAt: true,
|
|
},
|
|
});
|
|
|
|
// Serialize dates
|
|
const serialized = users.map((u) => ({
|
|
...u,
|
|
createdAt: u.createdAt.toISOString(),
|
|
}));
|
|
|
|
return (
|
|
<div className="p-6 max-w-5xl mx-auto space-y-6">
|
|
<div className="flex items-center gap-3">
|
|
<div className="w-10 h-10 rounded-lg bg-amber-500/10 border border-amber-500/20 flex items-center justify-center shrink-0">
|
|
<Users className="h-5 w-5 text-amber-400" />
|
|
</div>
|
|
<div>
|
|
<h1 className="text-2xl font-bold text-white">User Management</h1>
|
|
<p className="text-sm text-zinc-400 mt-0.5">Manage studio accounts, roles, and access</p>
|
|
</div>
|
|
</div>
|
|
|
|
<UsersClient users={serialized} currentUserId={session.user.id!} />
|
|
</div>
|
|
);
|
|
}
|