feat: admin avatar in header with settings link
This commit is contained in:
@@ -146,12 +146,10 @@ export function AppHeader() {
|
|||||||
</>
|
</>
|
||||||
)}
|
)}
|
||||||
|
|
||||||
{!isAdmin && <UserMenu user={user} onNavigate={navigate} onLogout={onLogout} />}
|
{!isAdmin && <UserMenu user={user} isAdmin={false} onNavigate={navigate} onLogout={onLogout} />}
|
||||||
|
|
||||||
{isAdmin && user && !isMobile && (
|
{isAdmin && user && !isMobile && (
|
||||||
<Button color="inherit" onClick={onLogout} sx={{ ml: 1 }}>
|
<UserMenu user={user} isAdmin={true} onNavigate={navigate} onLogout={onLogout} />
|
||||||
Выход
|
|
||||||
</Button>
|
|
||||||
)}
|
)}
|
||||||
|
|
||||||
{!isMobile && (
|
{!isMobile && (
|
||||||
|
|||||||
@@ -9,11 +9,12 @@ import { UserAvatar } from '@/shared/ui/UserAvatar'
|
|||||||
|
|
||||||
type Props = {
|
type Props = {
|
||||||
user: AuthUser | null
|
user: AuthUser | null
|
||||||
|
isAdmin?: boolean
|
||||||
onNavigate: (to: string) => void
|
onNavigate: (to: string) => void
|
||||||
onLogout: () => void
|
onLogout: () => void
|
||||||
}
|
}
|
||||||
|
|
||||||
export function UserMenu({ user, onNavigate, onLogout }: Props) {
|
export function UserMenu({ user, isAdmin = false, onNavigate, onLogout }: Props) {
|
||||||
const [anchorEl, setAnchorEl] = useState<null | HTMLElement>(null)
|
const [anchorEl, setAnchorEl] = useState<null | HTMLElement>(null)
|
||||||
const open = Boolean(anchorEl)
|
const open = Boolean(anchorEl)
|
||||||
|
|
||||||
@@ -63,8 +64,11 @@ export function UserMenu({ user, onNavigate, onLogout }: Props) {
|
|||||||
>
|
>
|
||||||
{user ? (
|
{user ? (
|
||||||
<>
|
<>
|
||||||
<MenuItem onClick={() => go('/me')}>
|
<MenuItem onClick={() => go(isAdmin ? '/admin/settings' : '/me')}>
|
||||||
<ListItemText primary={(user.displayName && user.displayName.trim()) || user.email} secondary="Профиль" />
|
<ListItemText
|
||||||
|
primary={(user.displayName && user.displayName.trim()) || user.email}
|
||||||
|
secondary={isAdmin ? 'Настройки' : 'Профиль'}
|
||||||
|
/>
|
||||||
</MenuItem>
|
</MenuItem>
|
||||||
<MenuItem onClick={handleLogout}>Выход</MenuItem>
|
<MenuItem onClick={handleLogout}>Выход</MenuItem>
|
||||||
</>
|
</>
|
||||||
|
|||||||
Reference in New Issue
Block a user