Simplify nav mapping

cgen-adc53c4a022e43e8808229ef2946eb67
This commit is contained in:
Builder.io 2025-10-04 00:55:31 +00:00
parent 55e471767b
commit 762bd4067e

View file

@ -84,14 +84,13 @@ export default function Layout({ children }: LayoutProps) {
{/* Navigation */} {/* Navigation */}
<nav className="hidden md:flex items-center space-x-8"> <nav className="hidden md:flex items-center space-x-8">
{(() => { {navItems.map((item, index) => (
const navItems = user ? userNavigation : navigation;
return navItems.map((item, index) => (
<Link <Link
key={item.name} key={item.name}
to={item.href} to={item.href}
onClick={scrollToTop}
className={cn( className={cn(
"text-sm font-medium transition-all duration-300 hover:text-aethex-400 hover:scale-105 relative animate-fade-in", "relative text-sm font-medium transition-all duration-300 hover:text-aethex-400 hover:scale-105 animate-fade-in",
location.pathname === item.href location.pathname === item.href
? "text-aethex-500 animate-pulse-glow" ? "text-aethex-500 animate-pulse-glow"
: "text-muted-foreground", : "text-muted-foreground",
@ -103,8 +102,7 @@ export default function Layout({ children }: LayoutProps) {
<div className="absolute -bottom-1 left-0 right-0 h-0.5 bg-gradient-to-r from-aethex-400 to-neon-blue animate-scale-in" /> <div className="absolute -bottom-1 left-0 right-0 h-0.5 bg-gradient-to-r from-aethex-400 to-neon-blue animate-scale-in" />
)} )}
</Link> </Link>
)); ))}
})()}
</nav> </nav>
{/* Auth Section */} {/* Auth Section */}