From 530f583727658b5576c549dafde97443255c431f Mon Sep 17 00:00:00 2001
From: Oleg Urin <olegurin76@mail.ru>
Date: Tue, 21 Apr 2026 16:21:41 +0300
Subject: [PATCH] =?UTF-8?q?=D0=B4=D0=BE=D0=B1=D0=B0=D0=B2=D0=B8=D0=BB=20?=
 =?UTF-8?q?=D0=BD=D0=B0=D0=B2=D0=B8=D0=B3=D0=B0=D1=86=D0=B8=D1=8E=20=D0=BD?=
 =?UTF-8?q?=D0=B0=20=D0=BA=D0=B0=D1=82=D0=B5=D0=BA=D0=BE=D1=80=D0=B8=D0=B8?=
 =?UTF-8?q?=20=D0=B8=20=D1=81=D0=B1=D1=80=D0=BE=D1=81=20=D0=B2=D1=8B=D0=B1?=
 =?UTF-8?q?=D1=80=D0=B0=D0=BD=D0=BD=D0=BE=D0=B9=20=D0=BA=D0=B0=D1=82=D0=B5?=
 =?UTF-8?q?=D0=B3=D0=BE=D1=80=D0=B8=D0=B8=20=D0=BF=D1=80=D0=B8=20=D0=BF?=
 =?UTF-8?q?=D0=B5=D1=80=D0=B5=D1=85=D0=BE=D0=B4=D0=B5=20=D0=BD=D0=B0=20?=
 =?UTF-8?q?=D1=81=D1=82=D1=80=D0=B0=D0=BD=D0=B8=D1=86=D1=83=20=D0=BA=D0=B0?=
 =?UTF-8?q?=D1=82=D0=B0=D0=BB=D0=BE=D0=B3=D0=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Header/Header.tsx       | 5 ++++-
 src/pages/ItemPage/ItemPage.module.css | 9 +++++++++
 src/pages/ItemPage/ItemPage.tsx        | 6 ++++--
 3 files changed, 17 insertions(+), 3 deletions(-)

diff --git a/src/components/Header/Header.tsx b/src/components/Header/Header.tsx
index 26b7d2e..6695b1c 100644
--- a/src/components/Header/Header.tsx
+++ b/src/components/Header/Header.tsx
@@ -2,9 +2,12 @@ import { NavLink } from "react-router-dom";
 import styles from './Header.module.css'
 import logo from '../../assets/images/Logo.jpg'
 import { useState } from "react";
+import { useAppDispatch } from "../../app/hooks";
+import { setSelectedCategory } from "../../features/catalog/categoriesSlice";
 
 const Header = () =>{
 const [menuOpen, setMenuOpen] = useState(false);
+const dispatch = useAppDispatch();
 
     return (
         <nav className={styles.header}>
@@ -31,7 +34,7 @@ const [menuOpen, setMenuOpen] = useState(false);
                 <div className={`${styles.headerNav} ${menuOpen ? styles.open : ""}`}>
                     <NavLink to="/" end onClick={() => setMenuOpen(false)}>ГЛАВНАЯ</NavLink>
                     <NavLink to="about" onClick={() => setMenuOpen(false)}>О КОМПАНИИ</NavLink>
-                    <NavLink to="products" onClick={() => setMenuOpen(false)}>ПРОДУКЦИЯ</NavLink>
+                    <NavLink to="products" onClick={() => {setMenuOpen(false); dispatch(setSelectedCategory(null))}}>ПРОДУКЦИЯ</NavLink>
                 </div>
 
             </div>
diff --git a/src/pages/ItemPage/ItemPage.module.css b/src/pages/ItemPage/ItemPage.module.css
index 65af72d..b13e316 100644
--- a/src/pages/ItemPage/ItemPage.module.css
+++ b/src/pages/ItemPage/ItemPage.module.css
@@ -3,6 +3,15 @@
   min-height: 100vh;
 }
 
+.resetLink {
+  text-decoration: none;
+  color: inherit;
+  cursor: pointer;
+  font-size: 16px;
+  color: #f5c400;
+  
+}
+
 .top {
   background: #000;
   padding: 15px 40px;
diff --git a/src/pages/ItemPage/ItemPage.tsx b/src/pages/ItemPage/ItemPage.tsx
index f14c61a..df631c4 100644
--- a/src/pages/ItemPage/ItemPage.tsx
+++ b/src/pages/ItemPage/ItemPage.tsx
@@ -1,13 +1,15 @@
 import { useEffect, useState } from "react";
 import { useParams, useNavigate } from "react-router-dom";
 import { useAppDispatch, useAppSelector } from "../../app/hooks";
-import { fetchProductById } from "../../features/catalog/productsSlice";
+import { fetchProductById, setSelectedProducts } from "../../features/catalog/productsSlice";
 import styles from "./ItemPage.module.css";
 import type { CategoryAtributes, CategoryAtrVals } from "../../types/categories";
 import Button from "../../components/Button/Button";
 import PriceLisForm from "../../components/PriceLisForm/PriceLisForm";
 import ProductAttributes from "../../components/Table/ProducTable";
 import { p, title } from "framer-motion/client";
+import Link from "antd/es/typography/Link";
+import { setSelectedCategory } from "../../features/catalog/categoriesSlice";
 
 const ItemPage = () => {
   const { id } = useParams();
@@ -47,7 +49,7 @@ const ItemPage = () => {
         <div className={styles.right}>
           <div className={styles.rightContent}>
           <div className={styles.breadcrumbs}>
-            ГЛАВНАЯ / {category?.name} / {product.name}
+            <Link onClick={() => {navigate('/products'); dispatch(setSelectedCategory(null))}} style={{ textDecoration: 'none', color: 'inherit', fontSize: "16px" }}>КАТЕГОРИИ</Link> / <Link onClick={() => navigate('/products')} style={{ textDecoration: 'none', color: 'inherit', fontSize: "16px" }}>{category?.name}</Link> / <Link onClick={() => navigate(`/product/${id}`)} style={{ textDecoration: 'none', color: 'inherit', fontSize: "16px" }}>{product.name}</Link>
           </div>
 
           <h1 className={styles.title}>{product.name}</h1>