feat(ST-111ci8t4): /admin/users pagina met tabel, role-editor en delete-dialog

- app/(app)/admin/layout.tsx: admin-sidebar met links (Gebruikers/Claude Jobs/Producten)
- app/(app)/admin/page.tsx: redirect naar /admin/users
- app/(app)/admin/users/page.tsx: server component, query users+roles, geeft userId door
- components/admin/users-table.tsx: client component met UsersTable, RoleBadge,
  RolesDialog (checkboxes, eigen ADMIN-rol geblokkeerd), DeleteDialog (confirm),
  ResetToggle — alles via useTransition + server actions
This commit is contained in:
Scrum4Me Agent 2026-05-05 14:44:04 +02:00
parent 5fd56e3f67
commit 31edfa8194
4 changed files with 279 additions and 0 deletions

View file

@ -0,0 +1,16 @@
import { requireAdmin } from '@/lib/auth-guard'
import Link from 'next/link'
export default async function AdminLayout({ children }: { children: React.ReactNode }) {
await requireAdmin()
return (
<div className="flex min-h-screen">
<nav className="w-48 border-r p-4 flex flex-col gap-2">
<Link href="/admin/users" className="text-sm font-medium text-foreground hover:text-primary">Gebruikers</Link>
<Link href="/admin/jobs" className="text-sm font-medium text-foreground hover:text-primary">Claude Jobs</Link>
<Link href="/admin/products" className="text-sm font-medium text-foreground hover:text-primary">Producten</Link>
</nav>
<main className="flex-1 p-6">{children}</main>
</div>
)
}

5
app/(app)/admin/page.tsx Normal file
View file

@ -0,0 +1,5 @@
import { redirect } from 'next/navigation'
export default function AdminPage() {
redirect('/admin/users')
}

View file

@ -0,0 +1,19 @@
import { requireAdmin } from '@/lib/auth-guard'
import { prisma } from '@/lib/prisma'
import { UsersTable } from '@/components/admin/users-table'
export default async function AdminUsersPage() {
const session = await requireAdmin()
const users = await prisma.user.findMany({
include: { roles: { select: { role: true } } },
orderBy: { created_at: 'desc' },
})
return (
<div className="space-y-4">
<h1 className="text-xl font-semibold text-foreground">Gebruikers</h1>
<UsersTable users={users} currentUserId={session.userId} />
</div>
)
}