36 lines
1003 B
TypeScript
36 lines
1003 B
TypeScript
|
import { useAuthSuspense } from '@/backend/auth/useAuth';
|
||
|
|
import { IconLogin, IconUser2 } from '@/components/Icons';
|
||
|
|
import { usePreferencesStore } from '@/stores/preferences';
|
||
|
|
|
||
|
|
import NavigationButton from './NavigationButton';
|
||
|
|
|
||
|
|
interface UserButtonProps {
|
||
|
|
onLogin: () => void;
|
||
|
|
onClickUser: () => void;
|
||
|
|
}
|
||
|
|
|
||
|
|
function UserButton({ onLogin, onClickUser }: UserButtonProps) {
|
||
|
|
const { user } = useAuthSuspense();
|
||
|
|
const adminMode = usePreferencesStore(state => state.adminMode);
|
||
|
|
if (!user) {
|
||
|
|
return (
|
||
|
|
<NavigationButton
|
||
|
|
className='cc-fade-in'
|
||
|
|
title='Перейти на страницу логина'
|
||
|
|
icon={<IconLogin size='1.5rem' className='icon-primary' />}
|
||
|
|
onClick={onLogin}
|
||
|
|
/>
|
||
|
|
);
|
||
|
|
} else {
|
||
|
|
return (
|
||
|
|
<NavigationButton
|
||
|
|
className='cc-fade-in'
|
||
|
|
icon={<IconUser2 size='1.5rem' className={adminMode && user.is_staff ? 'icon-primary' : ''} />}
|
||
|
|
onClick={onClickUser}
|
||
|
|
/>
|
||
|
|
);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
export default UserButton;
|