Fix: Header Admin link loading state

This commit is contained in:
gpt-engineer-app[bot]
2025-10-17 19:57:34 +00:00
parent a0d341c4e0
commit efff21ab16

View File

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