From ddad7b577bbd814bfddfad72b5e5a261677c1517 Mon Sep 17 00:00:00 2001
From: LeonG11 <kkacanov198@gmail.com>
Date: Wed, 24 Jun 2026 12:17:36 +0300
Subject: [PATCH] feat: add img to order state on page profile

---
 frontend/src/pages/Profile.jsx | 15 +++++++++++----
 1 file changed, 11 insertions(+), 4 deletions(-)

diff --git a/frontend/src/pages/Profile.jsx b/frontend/src/pages/Profile.jsx
index 4578dcb..5a6b88e 100644
--- a/frontend/src/pages/Profile.jsx
+++ b/frontend/src/pages/Profile.jsx
@@ -80,7 +80,9 @@ export default function Profile() {
                   key={order.id}
                 >
                   <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">
                       {statusLabels[order.status]}
                     </span>
@@ -90,10 +92,15 @@ export default function Profile() {
                     {order.items?.map((oi) => (
                       <div
                         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>
-                        <span>
+                        <img
+                          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}р
                         </span>
                       </div>