import { useState, useEffect } from 'react';
function useGlobalAuth() {
const [state, setState] = useState({ isSignedIn: false, isLoaded: false });
useEffect(() => {
function check() {
const clerk = (window as any).Clerk;
if (clerk?.loaded) {
setState({ isSignedIn: !!clerk.user, isLoaded: true });
}
}
check();
const interval = setInterval(check, 500);
const handleChange = () => check();
window.addEventListener('clerk:session', handleChange);
return () => { clearInterval(interval); window.removeEventListener('clerk:session', handleChange); };
}, []);
return state;
}
export function NavContent({ isActive }: { isActive: boolean }) {
const { isSignedIn, isLoaded } = useGlobalAuth();
if (!isLoaded) {
return (
);
}
const icon = (
);
if (isSignedIn) {
return (
{icon}
My Components
);
}
return (
);
}
export default function MyComponentsSidebarItem({ isActive = false }: { isActive?: boolean }) {
return ;
}