feat: add img to order state on page profile

This commit is contained in:
2026-06-24 12:17:36 +03:00
parent 3c24f5b115
commit ddad7b577b
+11 -4
View File
@@ -80,7 +80,9 @@ export default function Profile() {
key={order.id} key={order.id}
> >
<div className="flex justify-between mb-2"> <div className="flex justify-between mb-2">
<span className="font-medium">Заказ #{order.id}</span> <span className="font-medium text-sm md:text-base">
Заказ #{order.id}
</span>
<span className="text-white/60 text-sm uppercase"> <span className="text-white/60 text-sm uppercase">
{statusLabels[order.status]} {statusLabels[order.status]}
</span> </span>
@@ -90,10 +92,15 @@ export default function Profile() {
{order.items?.map((oi) => ( {order.items?.map((oi) => (
<div <div
key={oi.id} key={oi.id}
className="flex justify-between pt-2 border-t border-white/10 text-sm" className="flex justify-between pt-2 border-t border-white/10 text-sm items-center"
> >
<span>{oi.item?.name}</span> <img
<span> src={`/static/items/${oi.item?.avatar_url}`}
alt={oi.item?.name}
className="w-10 h-10 object-cover rounded shrink-0"
/>
<span className="grow">{oi.item?.name}</span>
<span className="whitespace-nowrap shrink-0">
{oi.quantity} {oi.item?.unit} x {oi.price}р {oi.quantity} {oi.item?.unit} x {oi.price}р
</span> </span>
</div> </div>