From b8dbf10fa51ad4205d092b73eeb07cc7c6fd3f70 Mon Sep 17 00:00:00 2001
From: "Builder.io" <builder-bot@builder.io>
Date: Sat, 27 Sep 2025 21:04:52 +0000
Subject: [PATCH] Inject Admin link to nav when owner logged in

cgen-5fdcc739331d424e91bf2f4ce9fa4aba
---
 client/components/Layout.tsx | 42 ++++++++++++++++++++----------------
 1 file changed, 24 insertions(+), 18 deletions(-)

diff --git a/client/components/Layout.tsx b/client/components/Layout.tsx
index 279049b1..3981260b 100644
--- a/client/components/Layout.tsx
+++ b/client/components/Layout.tsx
@@ -60,24 +60,30 @@ export default function Layout({ children }: LayoutProps) {
 
           {/* Navigation */}
           <nav className="hidden md:flex items-center space-x-8">
-            {(user ? userNavigation : navigation).map((item, index) => (
-              <Link
-                key={item.name}
-                to={item.href}
-                className={cn(
-                  "text-sm font-medium transition-all duration-300 hover:text-aethex-400 hover:scale-105 relative animate-fade-in",
-                  location.pathname === item.href
-                    ? "text-aethex-500 animate-pulse-glow"
-                    : "text-muted-foreground",
-                )}
-                style={{ animationDelay: `${index * 0.1}s` }}
-              >
-                {item.name}
-                {location.pathname === item.href && (
-                  <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>
-            ))}
+            {(() => {
+              const isOwner = user?.email?.toLowerCase() === "mrpiglr@gmail.com";
+              const navItems = user
+                ? (isOwner ? [{ name: "Admin", href: "/admin" }, ...userNavigation] : userNavigation)
+                : navigation;
+              return navItems.map((item, index) => (
+                <Link
+                  key={item.name}
+                  to={item.href}
+                  className={cn(
+                    "text-sm font-medium transition-all duration-300 hover:text-aethex-400 hover:scale-105 relative animate-fade-in",
+                    location.pathname === item.href
+                      ? "text-aethex-500 animate-pulse-glow"
+                      : "text-muted-foreground",
+                  )}
+                  style={{ animationDelay: `${index * 0.1}s` }}
+                >
+                  {item.name}
+                  {location.pathname === item.href && (
+                    <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>
+              ));
+            })()}
           </nav>
 
           {/* Auth Section */}