layout.tsx36 lines · main
1import type { ReactNode } from 'react';
2import Link from 'next/link';
3
4/**
5 * Old project-scoped Auth UI removed. Point to blank Auth product page.
6 */
7export default async function AuthLayout({
8 children: _children,
9 params,
10}: {
11 children: ReactNode;
12 params: Promise<{ id: string }>;
13}) {
14 void _children;
15 await params;
16 return (
17 <section className="flex flex-col gap-6 py-4">
18 <div className="rounded-md border border-dashed border-[var(--color-border)] bg-[var(--color-surface)] p-8">
19 <h1 className="font-mono text-xl tracking-tight text-[var(--color-text)]">
20 Auth
21 </h1>
22 <p className="mt-2 max-w-md font-mono text-xs leading-relaxed text-[var(--color-text-muted)]">
23 nothing here yet. Auth lives in the main sidebar — blank while the
24 product is set up.
25 </p>
26 <Link
27 href="/dashboard/auth"
28 className="mt-5 inline-flex rounded-md px-4 py-2 font-mono text-xs font-medium text-black"
29 style={{ background: '#FFFD74' }}
30 >
31 open Auth →
32 </Link>
33 </div>
34 </section>
35 );
36}