18 lines
902 B
TypeScript
18 lines
902 B
TypeScript
|
import Link from "next/link";
|
||
|
|
import type { ReactNode } from "react";
|
||
|
|
|
||
|
|
export default function DashboardLayout({ children }: { children: ReactNode }) {
|
||
|
|
return (
|
||
|
|
<div className="flex min-h-[60vh]">
|
||
|
|
<aside className="w-56 border-r border-neutral-200 bg-white p-4">
|
||
|
|
<nav className="space-y-1" aria-label="Dashboard navigation">
|
||
|
|
<Link href="/dashboard" className="block rounded px-3 py-2 text-sm font-medium text-neutral-700 hover:bg-neutral-100">Home</Link>
|
||
|
|
<Link href="/dashboard/submissions" className="block rounded px-3 py-2 text-sm font-medium text-neutral-700 hover:bg-neutral-100">My submissions</Link>
|
||
|
|
<Link href="/dashboard/requests" className="block rounded px-3 py-2 text-sm font-medium text-neutral-700 hover:bg-neutral-100">My requests</Link>
|
||
|
|
</nav>
|
||
|
|
</aside>
|
||
|
|
<div className="flex-1 p-6">{children}</div>
|
||
|
|
</div>
|
||
|
|
);
|
||
|
|
}
|