feat: Update navigation structure according to concept (Public: Market/TLD Intel, Command Center: Dashboard/Market/Intelligence)
This commit is contained in:
@ -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>
|
|
||||||
</>
|
</>
|
||||||
)}
|
)}
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user