diff --git a/src/components/auth/AuthButtons.tsx b/src/components/auth/AuthButtons.tsx index 3f1a8c95..ff5d1d79 100644 --- a/src/components/auth/AuthButtons.tsx +++ b/src/components/auth/AuthButtons.tsx @@ -12,6 +12,7 @@ export function AuthButtons() { const { user, profile, + loading, signOut } = useAuth(); const navigate = useNavigate(); @@ -40,10 +41,21 @@ export function AuthButtons() { setLoggingOut(false); } }; + + // Show loading skeleton during auth check + if (loading) { + return ( +
+
+
+
+ ); + } + if (!user) { return ( <> -