test commit

client/src/widgets/reviews-block/ui/ReviewsBlock.tsx

@@ -1,6 +1,5 @@
 import StarRoundedIcon from '@mui/icons-material/StarRounded'
 import Alert from '@mui/material/Alert'
-import Avatar from '@mui/material/Avatar'
 import Box from '@mui/material/Box'
 import Paper from '@mui/material/Paper'
 import Rating from '@mui/material/Rating'
@@ -12,12 +11,7 @@ import { Link as RouterLink } from 'react-router-dom'
 import { fetchLatestApprovedReviews } from '@/entities/review/api/reviews-api'
 import { OptimizedImage } from '@/shared/ui/OptimizedImage'
 import { RichTextMessageContent } from '@/shared/ui/RichTextMessageContent'
-
-function initials(display: string) {
-  const s = display.trim()
-  if (!s) return '?'
-  return s.slice(0, 1).toUpperCase()
-}
+import { UserAvatar } from '@/shared/ui/UserAvatar'
 
 function formatReviewDate(iso: string): string {
   try {
@@ -107,9 +101,13 @@ export function ReviewsBlock() {
                     </Box>
                   )}
                   <Stack direction="row" spacing={1.5} sx={{ minWidth: { sm: 200 }, alignItems: 'center' }}>
-                    <Avatar sx={{ bgcolor: 'primary.main', color: 'primary.contrastText', fontWeight: 800 }}>
-                      {initials(r.authorDisplay)}
-                    </Avatar>
+                    <UserAvatar
+                      userId={r.authorDisplay}
+                      avatarUrl={null}
+                      avatarType={null}
+                      avatarStyle={null}
+                      size={40}
+                    />
                     <Box>
                       <Typography sx={{ fontWeight: 800, lineHeight: 1.15 }}>{r.authorDisplay}</Typography>
                       <Stack direction="row" spacing={1} sx={{ alignItems: 'center', flexWrap: 'wrap' }}>