test commit

client/src/features/user/user-menu/ui/UserMenu.tsx

@@ -4,8 +4,8 @@ import IconButton from '@mui/material/IconButton'
 import ListItemText from '@mui/material/ListItemText'
 import Menu from '@mui/material/Menu'
 import MenuItem from '@mui/material/MenuItem'
-import { User } from 'lucide-react'
 import type { AuthUser } from '@/shared/model/auth'
+import { UserAvatar } from '@/shared/ui/UserAvatar'
 
 type Props = {
   user: AuthUser | null
@@ -40,7 +40,17 @@ export function UserMenu({ user, onNavigate, onLogout }: Props) {
           invisible={!user}
           anchorOrigin={{ vertical: 'bottom', horizontal: 'right' }}
         >
-          <User />
+          {user ? (
+            <UserAvatar
+              userId={user.id}
+              avatarUrl={user.avatar}
+              avatarType={user.avatarType}
+              avatarStyle={user.avatarStyle}
+              size={28}
+            />
+          ) : (
+            <UserAvatar userId="guest" avatarUrl={null} avatarType={null} avatarStyle={null} size={28} />
+          )}
         </Badge>
       </IconButton>