From efff21ab1644769a08c4631e0e8f7a85c164c10f Mon Sep 17 00:00:00 2001
From: "gpt-engineer-app[bot]"
 <159125892+gpt-engineer-app[bot]@users.noreply.github.com>
Date: Fri, 17 Oct 2025 19:57:34 +0000
Subject: [PATCH] Fix: Header Admin link loading state

---
 src/components/layout/Header.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/layout/Header.tsx b/src/components/layout/Header.tsx
index b1813dfa..03938d5c 100644
--- a/src/components/layout/Header.tsx
+++ b/src/components/layout/Header.tsx
@@ -28,7 +28,7 @@ export function Header() {
   const [open, setOpen] = useState(false);
   const [mobileSearchOpen, setMobileSearchOpen] = useState(false);
   const { user } = useAuth();
-  const { isModerator } = useUserRole();
+  const { isModerator, loading: rolesLoading } = useUserRole();
   const isMobile = useIsMobile();
 
   return (
@@ -94,7 +94,7 @@ export function Header() {
                   >
                     Property Owners
                   </Link>
-                  {isModerator() && (
+                  {!rolesLoading && isModerator() && (
                     <>
                       <div className="my-2 border-t border-border" />
                       <Link
@@ -214,7 +214,7 @@ export function Header() {
                 </NavigationMenuList>
               </NavigationMenu>
 
-              {isModerator() && (
+              {!rolesLoading && isModerator() && (
                 <Button variant="ghost" size="sm" className="h-9" asChild>
                   <Link to="/admin">Admin</Link>
                 </Button>