feat: add img to order state on page profile
This commit is contained in:
@@ -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>
|
||||||
|
|||||||
Reference in New Issue
Block a user