48 lines
2.3 KiB
TypeScript
48 lines
2.3 KiB
TypeScript
import Link from "next/link";
|
|
import { requireUser } from "@/lib/auth/requireUser";
|
|
|
|
export default async function OrgDashboardPage() {
|
|
await requireUser();
|
|
|
|
return (
|
|
<div className="space-y-6">
|
|
<header className="acve-panel p-6">
|
|
<h1 className="text-3xl font-bold text-slate-900">Organization Dashboard (Placeholder)</h1>
|
|
<p className="mt-2 text-slate-600">
|
|
Org admin tools are frontend placeholders for seat management, usage analytics, and assignment flows.
|
|
</p>
|
|
<p className="mt-3 inline-flex rounded-md border border-amber-300 bg-amber-50 px-3 py-1 text-sm font-semibold text-amber-900">
|
|
Org admin only (access model pending backend)
|
|
</p>
|
|
</header>
|
|
|
|
<section className="grid gap-4 md:grid-cols-3">
|
|
<article className="acve-panel p-4">
|
|
<p className="text-xs font-semibold uppercase tracking-wide text-slate-500">Seats</p>
|
|
<p className="mt-2 text-2xl font-semibold text-slate-900">12 / 20 used</p>
|
|
</article>
|
|
<article className="acve-panel p-4">
|
|
<p className="text-xs font-semibold uppercase tracking-wide text-slate-500">Active learners</p>
|
|
<p className="mt-2 text-2xl font-semibold text-slate-900">9</p>
|
|
</article>
|
|
<article className="acve-panel p-4">
|
|
<p className="text-xs font-semibold uppercase tracking-wide text-slate-500">Courses assigned</p>
|
|
<p className="mt-2 text-2xl font-semibold text-slate-900">4</p>
|
|
</article>
|
|
</section>
|
|
|
|
<section className="acve-panel p-6">
|
|
<h2 className="text-xl font-semibold text-slate-900">Assignment Queue (Placeholder)</h2>
|
|
<ul className="mt-3 space-y-2 text-sm text-slate-700">
|
|
<li className="rounded-md border border-slate-200 px-3 py-2">Assign "Contract Analysis Practice" to Team A (disabled)</li>
|
|
<li className="rounded-md border border-slate-200 px-3 py-2">Invite 3 learners to "Legal English Foundations" (disabled)</li>
|
|
<li className="rounded-md border border-slate-200 px-3 py-2">Export monthly progress report (disabled)</li>
|
|
</ul>
|
|
<Link className="mt-4 inline-flex rounded-md border border-slate-300 px-3 py-2 text-sm hover:bg-slate-50" href="/">
|
|
Back to home
|
|
</Link>
|
|
</section>
|
|
</div>
|
|
);
|
|
}
|