Arnaud
e0e1ac49d9
- New invites table: token-gated signup, optional email lock, role/tier override, single-use, expiry. - SIGNUPS_DISABLED site setting toggle at /admin/settings. - databaseHooks.user.create gate in auth/server.ts blocks new account creation (email + Google OAuth) when disabled unless a valid invite cookie is present; applies invite role/tier and marks it consumed. - /admin/invites: create/list/revoke shareable invite links. - /admin/users: "Create user" dialog — admin sets email/role/tier, account is pre-verified, user gets a set-password email (admin never sees a password). - Signup page reads ?invite=, validates via public /api/v1/invites/[token], locks the form when signups are closed and no valid invite is present. - proxy.ts: allowlist /api/v1/invites/ for anonymous invite checks. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
80 lines
2.8 KiB
TypeScript
80 lines
2.8 KiB
TypeScript
import type { Metadata } from "next";
|
|
import { db } from "@epicure/db";
|
|
import { users } from "@epicure/db";
|
|
import { desc } from "@epicure/db";
|
|
import { Badge } from "@/components/ui/badge";
|
|
import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar";
|
|
import { CreateUserDialog } from "@/components/admin/create-user-dialog";
|
|
import Link from "next/link";
|
|
|
|
export const metadata: Metadata = { title: "User Management" };
|
|
|
|
const ROLE_COLORS = {
|
|
user: "secondary",
|
|
moderator: "outline",
|
|
admin: "destructive",
|
|
} as const;
|
|
|
|
const TIER_COLORS = {
|
|
free: "secondary",
|
|
pro: "default",
|
|
} as const;
|
|
|
|
export default async function AdminUsersPage() {
|
|
const allUsers = await db
|
|
.select()
|
|
.from(users)
|
|
.orderBy(desc(users.createdAt))
|
|
.limit(100);
|
|
|
|
return (
|
|
<div className="space-y-6">
|
|
<div className="flex items-center justify-between">
|
|
<h1 className="text-2xl font-bold tracking-tight">Users</h1>
|
|
<CreateUserDialog />
|
|
</div>
|
|
<div className="rounded-md border">
|
|
<table className="w-full text-sm">
|
|
<thead className="border-b bg-muted/50">
|
|
<tr>
|
|
<th className="px-4 py-3 text-left font-medium">User</th>
|
|
<th className="px-4 py-3 text-left font-medium">Role</th>
|
|
<th className="px-4 py-3 text-left font-medium">Tier</th>
|
|
<th className="px-4 py-3 text-left font-medium">Joined</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
{allUsers.map((user) => (
|
|
<tr key={user.id} className="border-b last:border-0 hover:bg-muted/30">
|
|
<td className="px-4 py-3">
|
|
<Link href={`/admin/users/${user.id}`} className="flex items-center gap-3 group">
|
|
<Avatar className="h-8 w-8">
|
|
<AvatarImage src={user.avatarUrl ?? ""} />
|
|
<AvatarFallback className="text-xs">
|
|
{user.name.slice(0, 2).toUpperCase()}
|
|
</AvatarFallback>
|
|
</Avatar>
|
|
<div>
|
|
<div className="font-medium group-hover:underline underline-offset-4">{user.name}</div>
|
|
<div className="text-muted-foreground text-xs">{user.email}</div>
|
|
</div>
|
|
</Link>
|
|
</td>
|
|
<td className="px-4 py-3">
|
|
<Badge variant={ROLE_COLORS[user.role]}>{user.role}</Badge>
|
|
</td>
|
|
<td className="px-4 py-3">
|
|
<Badge variant={TIER_COLORS[user.tier]}>{user.tier}</Badge>
|
|
</td>
|
|
<td className="px-4 py-3 text-muted-foreground">
|
|
{user.createdAt.toLocaleDateString()}
|
|
</td>
|
|
</tr>
|
|
))}
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|