feat: Update navigation structure according to concept (Public: Market/TLD Intel, Command Center: Dashboard/Market/Intelligence)

This commit is contained in:
2025-12-10 07:47:30 +01:00
parent c1d75fb9cb
commit 503ac0f24f

View File

@ -55,13 +55,23 @@ export function Header() {
const tierName = subscription?.tier_name || subscription?.tier || 'Scout' const tierName = subscription?.tier_name || subscription?.tier || 'Scout'
// Navigation items - consistent for logged in/out // Public navigation - for visitors (consistent naming with concept)
const navItems = [ const publicNavItems = [
{ href: '/tld-pricing', label: 'TLD Prices', icon: TrendingUp }, { href: '/auctions', label: 'Market', icon: Gavel },
{ href: '/auctions', label: 'Auctions', icon: Gavel }, { href: '/tld-pricing', label: 'TLD Intel', icon: TrendingUp },
{ href: '/pricing', label: 'Pricing', icon: CreditCard }, { href: '/pricing', label: 'Pricing', icon: CreditCard },
] ]
// Command Center navigation - for logged in users
const commandCenterNavItems = [
{ href: '/dashboard', label: 'Dashboard', icon: LayoutDashboard },
{ href: '/auctions', label: 'Market', icon: Gavel },
{ href: '/tld-pricing', label: 'Intelligence', icon: TrendingUp },
]
// Use appropriate nav items based on auth status
const navItems = isAuthenticated ? commandCenterNavItems : publicNavItems
const isActive = (href: string) => { const isActive = (href: string) => {
if (href === '/') return pathname === '/' if (href === '/') return pathname === '/'
return pathname.startsWith(href) return pathname.startsWith(href)
@ -108,20 +118,6 @@ export function Header() {
<nav className="hidden sm:flex items-center h-full gap-2"> <nav className="hidden sm:flex items-center h-full gap-2">
{isAuthenticated ? ( {isAuthenticated ? (
<> <>
{/* Command Center Link - Primary CTA when logged in */}
<Link
href="/dashboard"
className={clsx(
"flex items-center gap-2 h-9 px-4 text-[0.8125rem] font-medium rounded-lg transition-all duration-200",
isActive('/dashboard')
? "bg-foreground text-background"
: "text-foreground bg-foreground/5 hover:bg-foreground/10"
)}
>
<LayoutDashboard className="w-4 h-4" />
<span>Command Center</span>
</Link>
{/* Notifications */} {/* Notifications */}
<div ref={notificationsRef} className="relative"> <div ref={notificationsRef} className="relative">
<button <button
@ -304,22 +300,6 @@ export function Header() {
<span className="text-ui-xs text-foreground-subtle">{subscription?.domains_used || 0}/{subscription?.domain_limit || 5} domains</span> <span className="text-ui-xs text-foreground-subtle">{subscription?.domains_used || 0}/{subscription?.domain_limit || 5} domains</span>
</div> </div>
</div> </div>
<Link
href="/dashboard"
className={clsx(
"flex items-center gap-3 px-4 py-3 text-body-sm rounded-xl transition-all duration-200",
isActive('/dashboard')
? "bg-foreground text-background font-medium"
: "text-foreground-muted hover:text-foreground hover:bg-foreground/5"
)}
>
<LayoutDashboard className="w-5 h-5" />
<span>Command Center</span>
{hasNotifications && (
<span className="ml-auto w-2 h-2 bg-accent rounded-full" />
)}
</Link>
</> </>
)} )}