yvg/pounce
1
0
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity

feat: Update navigation structure according to concept (Public: Market/TLD Intel, Command Center: Dashboard/Market/Intelligence)
Some checks failed
CI / Frontend Lint & Type Check (push) Has been cancelled
Details
CI / Frontend Build (push) Has been cancelled
Details
CI / Backend Lint (push) Has been cancelled
Details
CI / Backend Tests (push) Has been cancelled
Details
CI / Docker Build (push) Has been cancelled
Details
CI / Security Scan (push) Has been cancelled
Details
Deploy / Build & Push Images (push) Has been cancelled
Details
Deploy / Deploy to Server (push) Has been cancelled
Details
Deploy / Notify (push) Has been cancelled
Details

Browse Source
This commit is contained in:
Yves Gugger
2025-12-10 07:47:30 +01:00
parent d5e8dcb197
commit d5ee48e0e2
1 changed files with 14 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

48
frontend/src/components/Header.tsx
View File

@ -55,13 +55,23 @@ export function Header() {
const tierName = subscription?.tier_name || subscription?.tier || 'Scout'
// Navigation items - consistent for logged in/out
const navItems = [
{ href: '/tld-pricing', label: 'TLD Prices', icon: TrendingUp },
{ href: '/auctions', label: 'Auctions', icon: Gavel },
// Public navigation - for visitors (consistent naming with concept)
const publicNavItems = [
{ href: '/auctions', label: 'Market', icon: Gavel },
{ href: '/tld-pricing', label: 'TLD Intel', icon: TrendingUp },
{ 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) => {
if (href === '/') return pathname === '/'
return pathname.startsWith(href)
@ -108,20 +118,6 @@ export function Header() {
<nav className="hidden sm:flex items-center h-full gap-2">
{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 */}
<div ref={notificationsRef} className="relative">
<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>
</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>
</>
)}