33 lines
1.2 KiB
TypeScript
33 lines
1.2 KiB
TypeScript
'use client'
|
|
|
|
import Link from 'next/link'
|
|
import Image from 'next/image'
|
|
import logo from '@/assets/images/icon.png'
|
|
import type { User } from '@supabase/supabase-js'
|
|
import UserMenu from './UserMenu'
|
|
|
|
export default function AppNavbar({ user }: { user: User }) {
|
|
return (
|
|
<>
|
|
<header className="border-b border-gray-800 bg-background-dark/80 backdrop-blur-md sticky top-0 z-50">
|
|
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 h-16 flex items-center justify-between">
|
|
<Link href="/app" className="flex items-center gap-2">
|
|
<Image
|
|
src={logo}
|
|
alt="Nemia Logo"
|
|
width={32}
|
|
height={32}
|
|
className="rounded-lg object-contain"
|
|
/>
|
|
<span className="font-display font-bold text-xl tracking-tight text-white">
|
|
Nemia
|
|
</span>
|
|
</Link>
|
|
|
|
<UserMenu email={user.email} />
|
|
</div>
|
|
</header>
|
|
</>
|
|
)
|
|
}
|