From dc8bf315998e7bd2cbafb06b64dbed6ad9f3da8b Mon Sep 17 00:00:00 2001
From: DDeviak <117632082+DDeviak@users.noreply.github.com>
Date: Fri, 13 Sep 2024 21:24:23 +0300
Subject: [PATCH] feat: Added a button for navigating to the partners page in
 PartnersBlockMain component

---
 .../PartnersBlockMain.component.tsx           | 19 +++++++++++++------
 1 file changed, 13 insertions(+), 6 deletions(-)

diff --git a/src/features/MainPage/PartnersBlockMain/PartnersBlockMain.component.tsx b/src/features/MainPage/PartnersBlockMain/PartnersBlockMain.component.tsx
index ece24ea73..403524f3e 100644
--- a/src/features/MainPage/PartnersBlockMain/PartnersBlockMain.component.tsx
+++ b/src/features/MainPage/PartnersBlockMain/PartnersBlockMain.component.tsx
@@ -3,12 +3,19 @@ import './PartnersBlockMain.styles.scss';
 import PartnersBlock from '@/features/AdditionalPages/PartnersPage/PartnersBlock/PartnersBlock.component';
 
 import Heading from '../Heading/Heading.component';
+import { useNavigate } from 'react-router-dom';
 
-const PartnersBlockComponent = () => (
-    <div className="partnersBlockMainContainer">
-        <Heading blockName="Наші партнери" buttonName={undefined} setActionOnClick={undefined} />
-        <PartnersBlock onlyKeyPartners />
-    </div>
-);
+const PartnersBlockComponent = () => {
+    const navigate = useNavigate();
+    const handleButtonClick = () => {
+        navigate('../partners-page');
+    };
+    return (
+        <div className="partnersBlockMainContainer">
+            <Heading blockName="Наші партнери" buttonName={"Всі партнери"} setActionOnClick={handleButtonClick} />
+            <PartnersBlock onlyKeyPartners />
+        </div>
+    )
+};
 
 export default PartnersBlockComponent;