jason
39 lines
1.4 KiB
TypeScript
39 lines
1.4 KiB
TypeScript
import Link from "next/link";
|
|
import { getCurrentUser } from "@/lib/auth";
|
|
import LogoutButton from "@/components/LogoutButton";
|
|
|
|
/**
|
|
* The /op layout intentionally does NOT force-redirect unauthenticated
|
|
* visitors. The scan page (/op/scan/[token]) needs to bounce them to
|
|
* /login/operator?next=<path> so they come back to the same QR card after
|
|
* signing in; a blanket redirect here would lose that context. Each page
|
|
* under /op is responsible for its own auth gate (see requireOperator in
|
|
* lib/auth.ts, or the scan page's custom redirect).
|
|
*/
|
|
export default async function OperatorLayout({ children }: { children: React.ReactNode }) {
|
|
const user = await getCurrentUser();
|
|
|
|
return (
|
|
<div className="min-h-dvh flex flex-col">
|
|
<header className="border-b border-slate-200 bg-white">
|
|
<div className="mx-auto max-w-3xl px-4 py-3 flex items-center gap-3">
|
|
<Link href="/op" className="font-semibold tracking-tight">
|
|
MRP
|
|
</Link>
|
|
{user ? (
|
|
<>
|
|
<span className="ml-auto text-sm text-slate-500">{user.name}</span>
|
|
<LogoutButton />
|
|
</>
|
|
) : (
|
|
<Link href="/login/operator" className="ml-auto text-sm text-slate-900 hover:underline">
|
|
Sign in
|
|
</Link>
|
|
)}
|
|
</div>
|
|
</header>
|
|
<main className="flex-1">{children}</main>
|
|
</div>
|
|
);
|
|
}
|