From a18a7063663d49326afddd01a56bbd600330a3b0 Mon Sep 17 00:00:00 2001
From: Oleg Urin <olegurin76@mail.ru>
Date: Wed, 11 Feb 2026 17:43:21 +0300
Subject: [PATCH] =?UTF-8?q?=D0=B4=D0=BE=D0=BF=D0=B8=D1=81=D0=B0=D0=BB=20?=
 =?UTF-8?q?=D0=BB=D0=BE=D0=B3=D0=B8=D0=BA=D1=83=20=D0=BF=D0=BE=D0=B4=D0=B3?=
 =?UTF-8?q?=D1=80=D1=83=D0=B7=D0=BA=D0=B8=20=D1=85=D0=B0=D1=80=D0=B0=D0=BA?=
 =?UTF-8?q?=D1=82=D0=B5=D1=80=D0=B8=D1=81=D1=82=D0=B8=D0=BA=20=D0=BF=D1=80?=
 =?UTF-8?q?=D0=BE=D0=B4=D1=83=D0=BA=D1=82=D0=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 front/src/pages/ItemPage/ItemPage.tsx | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/front/src/pages/ItemPage/ItemPage.tsx b/front/src/pages/ItemPage/ItemPage.tsx
index fb25f80..3436661 100644
--- a/front/src/pages/ItemPage/ItemPage.tsx
+++ b/front/src/pages/ItemPage/ItemPage.tsx
@@ -3,8 +3,7 @@ import { useParams, useNavigate } from "react-router-dom";
 import { useAppDispatch, useAppSelector } from "../../app/hooks";
 import { fetchProductById } from "../../features/catalog/productsSlice";
 import styles from "./ProductPage.module.css";
-//import type { Product } from "../../types/product";
-import type { CategoryAtributes } from "../../types/categories";
+import type { CategoryAtributes, CategoryAtrVals } from "../../types/categories";
 
 const ItemPage = () => {
     const { id } = useParams();
@@ -12,7 +11,6 @@ const ItemPage = () => {
   const navigate = useNavigate();
   const { items, loading } = useAppSelector((state) => state.products);
   const { items: cats, selectedCategoryId } = useAppSelector(s => s.categories);
-    //const filters = useAppSelector(s => s.products.filtersApplied);
 
   const [activeTab, setActiveTab] = useState<"desc" | "chars">("desc");
 
@@ -83,7 +81,11 @@ const ItemPage = () => {
             {category.atributes?.map((attr: CategoryAtributes) => (
               <div key={attr.id} className={styles.attrRow}>
                 <span>{attr.name}</span>
-                <span>{}</span>
+                {attr.vals?.map((val: CategoryAtrVals) => (
+                  <div key={val.id}>
+                    <span>{val.val}</span>
+                  </div>
+                ))}
               </div>
             ))}
           </div>