65 lines
1.7 KiB
TypeScript
65 lines
1.7 KiB
TypeScript
import { listPublicNavigation } from "@cms/db"
|
|
import { getLocale, getTranslations } from "next-intl/server"
|
|
|
|
import { Link } from "@/i18n/navigation"
|
|
|
|
import { LanguageSwitcher } from "./language-switcher"
|
|
|
|
export async function PublicSiteHeader() {
|
|
const locale = await getLocale()
|
|
const [navItems, t] = await Promise.all([
|
|
listPublicNavigation("header", locale),
|
|
getTranslations("Layout.nav"),
|
|
])
|
|
const fallbackNavItems = [
|
|
{
|
|
id: "fallback-home",
|
|
href: "/",
|
|
label: t("home"),
|
|
},
|
|
{
|
|
id: "fallback-portfolio",
|
|
href: "/portfolio",
|
|
label: t("portfolio"),
|
|
},
|
|
{
|
|
id: "fallback-news",
|
|
href: "/news",
|
|
label: t("news"),
|
|
},
|
|
{
|
|
id: "fallback-commissions",
|
|
href: "/commissions",
|
|
label: t("commissions"),
|
|
},
|
|
]
|
|
const resolvedNavItems = navItems.length > 0 ? navItems : fallbackNavItems
|
|
|
|
return (
|
|
<header className="border-b border-neutral-200 bg-white/80 backdrop-blur">
|
|
<div className="mx-auto flex w-full max-w-6xl flex-wrap items-center justify-between gap-4 px-6 py-4">
|
|
<Link
|
|
href="/"
|
|
className="text-sm font-semibold uppercase tracking-[0.2em] text-neutral-700"
|
|
>
|
|
CMS Web
|
|
</Link>
|
|
|
|
<nav className="flex flex-wrap items-center gap-2">
|
|
{resolvedNavItems.map((item) => (
|
|
<Link
|
|
key={item.id}
|
|
href={item.href}
|
|
className="rounded-md border border-neutral-300 px-3 py-1.5 text-sm font-medium text-neutral-700 hover:bg-neutral-100"
|
|
>
|
|
{item.label}
|
|
</Link>
|
|
))}
|
|
</nav>
|
|
|
|
<LanguageSwitcher />
|
|
</div>
|
|
</header>
|
|
)
|
|
}
|