test commit

client/src/features/product-review/ui/ProductReviewsList.tsx

@@ -11,14 +11,18 @@ import type { PublicProductReviewItem } from '@/entities/review/api/reviews-api'
 import { reviewsCountRu } from '@/shared/lib/reviews-count-ru'
 import { OptimizedImage } from '@/shared/ui/OptimizedImage'
 import { RichTextMessageContent } from '@/shared/ui/RichTextMessageContent'
+import { UserAvatar } from '@/shared/ui/UserAvatar'
 
 function ReviewItem({ rv }: { rv: PublicProductReviewItem }) {
   const body = typeof rv.text === 'string' && rv.text.trim() ? rv.text.trim() : null
   return (
     <Paper variant="outlined" sx={{ p: 1.5, borderRadius: 2 }}>
       <Stack spacing={0.75}>
-        <Stack direction={{ xs: 'column', sm: 'row' }} spacing={1} sx={{ justifyContent: 'space-between' }}>
-          <Typography sx={{ fontWeight: 700 }}>{rv.authorDisplay}</Typography>
+        <Stack direction="row" spacing={1.5} sx={{ alignItems: 'center' }}>
+          <UserAvatar userId={rv.authorDisplay} avatarUrl={null} avatarType={null} avatarStyle={null} size={32} />
+          <Box sx={{ flexGrow: 1 }}>
+            <Typography sx={{ fontWeight: 700 }}>{rv.authorDisplay}</Typography>
+          </Box>
           <Typography variant="caption" color="text.secondary">
             {new Date(rv.createdAt).toLocaleString('ru-RU')}
           </Typography>

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>