ыввы

client/src/features/order-detail/ui/OrderDetailContent.tsx

@@ -1,9 +1,11 @@
 import { useMemo, useState } from 'react'
+import { Link as RouterLink } from 'react-router-dom'
 import Alert from '@mui/material/Alert'
 import Box from '@mui/material/Box'
 import Button from '@mui/material/Button'
 import FormControl from '@mui/material/FormControl'
 import InputLabel from '@mui/material/InputLabel'
+import Link from '@mui/material/Link'
 import MenuItem from '@mui/material/MenuItem'
 import Select from '@mui/material/Select'
 import Stack from '@mui/material/Stack'
@@ -127,6 +129,32 @@ export function OrderDetailContent({ detail, orderId }: { detail: AdminOrderDeta
         </Box>
       )}
 
+      <Box>
+        <Typography variant="subtitle2" sx={{ mb: 1, fontWeight: 700 }}>
+          Товары в заказе
+        </Typography>
+        <Stack spacing={1}>
+          {detail.items.map((item) => (
+            <Stack
+              key={item.id}
+              direction="row"
+              spacing={2}
+              sx={{ alignItems: 'center', py: 0.5, px: 1, borderRadius: 1, bgcolor: 'action.hover' }}
+            >
+              <Box sx={{ flexGrow: 1 }}>
+                <Link component={RouterLink} to={`/products/${item.productId}`} underline="hover" color="primary">
+                  {item.titleSnapshot}
+                </Link>
+                <Typography color="text.secondary" variant="body2">
+                  {item.qty} × {formatPriceRub(item.priceCentsSnapshot)}
+                </Typography>
+              </Box>
+              <Typography sx={{ fontWeight: 700 }}>{formatPriceRub(item.priceCentsSnapshot * item.qty)}</Typography>
+            </Stack>
+          ))}
+        </Stack>
+      </Box>
+
       {detail.status === 'PENDING_PAYMENT' && detail.deliveryFeeLocked === false && (
         <Alert severity="info">
           Укажите итоговую стоимость доставки (₽). После сохранения клиент сможет оплатить заказ с учётом этой суммы.