base commit

client/src/pages/me/ui/sections/MessagesPage.tsx

@@ -8,13 +8,13 @@ import ListItem from '@mui/material/ListItem'
 import ListItemButton from '@mui/material/ListItemButton'
 import ListItemText from '@mui/material/ListItemText'
 import Stack from '@mui/material/Stack'
-import TextField from '@mui/material/TextField'
 import Typography from '@mui/material/Typography'
 import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query'
 import { Link as RouterLink } from 'react-router-dom'
 import { fetchMyOrder, postOrderMessage } from '@/entities/order/api/order-api'
 import { fetchMyConversations, markOrderMessagesRead } from '@/entities/user/api/messages-api'
 import { orderStatusLabelRu } from '@/shared/lib/order-status-labels'
+import { RichTextMessageEditor } from '@/shared/ui/RichTextMessageEditor'
 
 export function MessagesPage() {
   const qc = useQueryClient()
@@ -177,14 +177,9 @@ export function MessagesPage() {
                   {order.messages.length === 0 && <Typography color="text.secondary">Нет сообщений.</Typography>}
                 </Stack>
                 <Stack direction={{ xs: 'column', sm: 'row' }} spacing={2} sx={{ alignItems: { sm: 'flex-end' } }}>
-                  <TextField
-                    label="Сообщение"
-                    value={text}
-                    onChange={(e) => setText(e.target.value)}
-                    fullWidth
-                    multiline
-                    minRows={2}
-                  />
+                  <Box sx={{ flexGrow: 1, width: '100%' }}>
+                    <RichTextMessageEditor value={text} onChange={setText} placeholder="Сообщение" />
+                  </Box>
                   <Button
                     variant="contained"
                     sx={{ minWidth: 140 }}