fifteen/apps/web/app/admin/layout.tsx
2026-03-01 21:58:53 +01:00

40 lines
1.1 KiB
TypeScript

import Link from "next/link";
import { LogoutButton } from "@/components/logout-button";
export default function AdminLayout({
children,
}: {
children: React.ReactNode;
}) {
return (
<div className="min-h-screen bg-gray-50">
<nav className="bg-white border-b border-gray-200 px-6 py-3 flex items-center gap-6">
<Link
href="/admin"
className="font-semibold text-gray-900 hover:text-brand-600"
>
Transportationer Admin
</Link>
<Link
href="/admin"
className="text-sm text-gray-600 hover:text-gray-900"
>
Cities
</Link>
<Link
href="/admin/jobs"
className="text-sm text-gray-600 hover:text-gray-900"
>
Jobs
</Link>
<div className="ml-auto flex items-center gap-4">
<Link href="/" className="text-sm text-gray-500 hover:text-gray-700">
Public Map
</Link>
<LogoutButton />
</div>
</nav>
<main className="p-6">{children}</main>
</div>
);
}