23 lines
888 B
TypeScript
23 lines
888 B
TypeScript
import Link from "next/link";
|
|
import { getCurrentUser } from "@/lib/auth";
|
|
import { NavbarMenu } from "./NavbarMenu";
|
|
|
|
export async function Navbar() {
|
|
const user = await getCurrentUser();
|
|
|
|
return (
|
|
<nav className="sticky top-0 z-50 backdrop-blur-md bg-white/80 border-b-2 border-border">
|
|
<div className="max-w-[1080px] mx-auto px-4 sm:px-6 h-14 sm:h-16 flex items-center justify-between">
|
|
<Link href="/" className="flex items-center gap-2 sm:gap-3">
|
|
<div className="w-8 h-8 sm:w-9 sm:h-9 rounded-xl bg-accent flex items-center justify-center shadow-card">
|
|
<span className="text-accent-on font-bold text-xs sm:text-sm">OL</span>
|
|
</div>
|
|
<span className="font-display text-base sm:text-lg font-bold text-fg">Order Loop</span>
|
|
</Link>
|
|
|
|
{user && <NavbarMenu email={user.email} />}
|
|
</div>
|
|
</nav>
|
|
);
|
|
}
|