24 lines
778 B
TypeScript
24 lines
778 B
TypeScript
import { Suspense } from 'react';
|
|
|
|
import { useDropdown } from '@/components/Dropdown';
|
|
import { Loader } from '@/components/Loader';
|
|
|
|
import { urls } from '../urls';
|
|
|
|
import { useConceptNavigation } from './NavigationContext';
|
|
import { UserButton } from './UserButton';
|
|
import { UserDropdown } from './UserDropdown';
|
|
|
|
export function UserMenu() {
|
|
const router = useConceptNavigation();
|
|
const menu = useDropdown();
|
|
return (
|
|
<div ref={menu.ref} className='h-full w-[4rem] flex items-center justify-center'>
|
|
<Suspense fallback={<Loader circular scale={1.5} />}>
|
|
<UserButton onLogin={() => router.push(urls.login)} onClickUser={menu.toggle} />
|
|
</Suspense>
|
|
<UserDropdown isOpen={menu.isOpen} hideDropdown={() => menu.hide()} />
|
|
</div>
|
|
);
|
|
}
|