Files
deckyvault/app/(admin)/layout.tsx
T
adrianbonpin 012ad64a0d feat: add admin layout with sidebar, auth guard, and navbar link
- Admin layout with server-side auth guard (redirects non-admins)
- Reusable sidebar component with active state detection
- Navbar profile dropdown shows admin link for admin users
- Admin routes are noindexed (robots: false)
- /admin redirects to /admin/users
2026-04-27 21:02:28 +08:00

45 lines
1.2 KiB
TypeScript

import { redirect } from "next/navigation"
import { headers } from "next/headers"
import { auth } from "@/lib/auth"
import { AdminSidebar } from "@/components/admin/admin-sidebar"
import type { Metadata } from "next"
export const metadata: Metadata = {
title: { template: "%s | Admin — DeckyVault", default: "Admin — DeckyVault" },
robots: { index: false, follow: false },
}
export default async function AdminLayout({
children,
}: {
children: React.ReactNode
}) {
const session = await auth.api.getSession({
headers: await headers(),
})
if (!session || session.user.role !== "admin") {
redirect("/")
}
return (
<section className="w-full flex flex-col gap-8 pb-16">
<div className="px-4 md:px-[10svw]">
<div className="max-w-7xl mx-auto">
<h1 className="text-2xl sm:text-3xl font-bold">Admin</h1>
<p className="text-sm text-text/60 mt-1">
Manage users, hardware, and games
</p>
</div>
</div>
<div className="px-4 md:px-[10svw]">
<div className="max-w-7xl mx-auto flex flex-col md:flex-row gap-6">
<AdminSidebar />
<div className="flex-1 min-w-0">{children}</div>
</div>
</div>
</section>
)
}