From ba921e8348c3e8be705eed921f5572facc8f103d Mon Sep 17 00:00:00 2001
From: Oleg Urin <olegurin76@mail.ru>
Date: Tue, 7 Apr 2026 15:20:18 +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=BC=D0=BE=D0=B4=D0=B0=D0=BB=D0=BA=D1=83=20=D1=81=20=D0=BF?=
 =?UTF-8?q?=D1=80=D0=B0=D0=B9=D1=81=D1=84=D0=BE=D1=80=D0=BC=D0=BE=D0=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/ContactProduct/ContactProduct.tsx     |  2 +-
 src/components/ModalRequestForm/ModalRequestForm.tsx |  1 -
 src/pages/ItemPage/ItemPage.tsx                      | 11 ++++++++++-
 3 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/src/components/ContactProduct/ContactProduct.tsx b/src/components/ContactProduct/ContactProduct.tsx
index 82a24e4..d50717f 100644
--- a/src/components/ContactProduct/ContactProduct.tsx
+++ b/src/components/ContactProduct/ContactProduct.tsx
@@ -40,7 +40,7 @@ const ProductionBanner: React.FC = () => {
     console.log('ProductionBanner render, open:', open);
 
     return (
-        <div className={styles.wrapper}>
+    <div className={styles.wrapper}>
             <ModalRequestForm open={open} onClose={() => setOpen(false)} />
       <div className={styles.left}>
         <h2 className={styles.title}>КОНТРАКТНОЕ</h2>
diff --git a/src/components/ModalRequestForm/ModalRequestForm.tsx b/src/components/ModalRequestForm/ModalRequestForm.tsx
index 5d083cc..ce42660 100644
--- a/src/components/ModalRequestForm/ModalRequestForm.tsx
+++ b/src/components/ModalRequestForm/ModalRequestForm.tsx
@@ -181,7 +181,6 @@ const ModalRequestForm: React.FC<Props> = ({ open, onClose }) => {
 
           <Button 
             label={isSubmitting ? "ОТПРАВКА..." : "СДЕЛАТЬ ЗАПРОС"} 
-            className={styles.button}
           />
         </form>
       </motion.div>
diff --git a/src/pages/ItemPage/ItemPage.tsx b/src/pages/ItemPage/ItemPage.tsx
index 9839a1d..aa14dea 100644
--- a/src/pages/ItemPage/ItemPage.tsx
+++ b/src/pages/ItemPage/ItemPage.tsx
@@ -4,9 +4,11 @@ import { useAppDispatch, useAppSelector } from "../../app/hooks";
 import { fetchProductById } 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";
 
 const ItemPage = () => {
-    const { id } = useParams();
+  const { id } = useParams();
   const dispatch = useAppDispatch();
   const navigate = useNavigate();
   const { items, loading } = useAppSelector((state) => state.products);
@@ -14,6 +16,8 @@ const ItemPage = () => {
 
   const [activeTab, setActiveTab] = useState<"desc" | "chars">("desc");
 
+  const [open, setOpen] = useState(false);
+
   useEffect(() => {
     if (id) dispatch(fetchProductById(id));
   }, [id]);
@@ -26,6 +30,7 @@ const ItemPage = () => {
 
   return (
     <div className={styles.page}>
+      <PriceLisForm open={open} onClose={() => setOpen(false)}/>
       <div className={styles.top}>
         <button className={styles.back} onClick={() => navigate(-1)}>
           ← НАЗАД В КАТАЛОГ
@@ -49,6 +54,10 @@ const ItemPage = () => {
           <button className={styles.download}>
             СКАЧАТЬ ПРАЙС-ЛИСТ
           </button>
+          <Button
+            label="СКАЧАТЬ ПРАЙС-ЛИСТ"
+            onClick={() => setOpen(true)}
+          />
         </div>
       </div>