Added ui btn and fixed Modals

src/pages/PartnerRequests/PartnerRequests.jsx

@@ -5,6 +5,7 @@ import {
   setPartnerRequestId,
   setPartnerRequests,
 } from "../../redux/outstaffingSlice";
+import { apiRequest } from "../../api/request";
 
 import { Navigation } from "../../components/Navigation/Navigation";
 import { ProfileHeader } from "../../components/ProfileHeader/ProfileHeader";
@@ -12,8 +13,7 @@ import { ProfileBreadcrumbs } from "../../components/ProfileBreadcrumbs/ProfileB
 import { SliderWorkers } from "../../components/SliderWorkers/SliderWorkers";
 import { Loader } from "../../components/Loader/Loader";
 import { Footer } from "../../components/Footer/Footer";
-
-import { apiRequest } from "../../api/request";
+import Button from "../../components/Common/Button/Button";
 
 import cursorImg from "../../assets/icons/cursorImg.svg";
 
@@ -82,10 +82,12 @@ export const PartnerRequests = () => {
                 Оператор компании заводит заявку и указывает необходимые
                 параметры — количество сотрудников, стек, уровень специалиста
               </p>
-              <Link to={"/profile/add-request"}>
-                <span>+</span>
-                Создать запрос
-              </Link>
+              <Button>
+                <Link to={"/profile/add-request"}>
+                  <span>+</span>
+                  Создать запрос
+                </Link>
+              </Button>
             </div>
           </div>
         )}
@@ -95,10 +97,12 @@ export const PartnerRequests = () => {
               <div className="partnerRequests__noItems__create__link">
                 <img src={cursorImg} alt="cursor" />
                 <p>У вас еще нет запросов на сотрудников</p>
-                <Link to={"/profile/add-request"}>
-                  <span>+</span>
-                  Создать запрос
-                </Link>
+                <Button>
+                  <Link to={"/profile/add-request"}>
+                    <span>+</span>
+                    Создать запрос
+                  </Link>
+                </Button>
               </div>
               <div className="partnerRequests__noItems__create__instruction">
                 <h3>Инструкция: подачи заявки</h3>

src/pages/PartnerRequests/partnerRequests.scss

@@ -161,21 +161,19 @@
         }
       }
 
-      a {
-        background: #52b709;
+      button {
         max-width: 188px;
-        border-radius: 44px;
         height: 52px;
-        border: none;
-        font-weight: 400;
         font-size: 15px;
-        line-height: 32px;
-        color: #ffffff;
-        display: flex;
-        justify-content: center;
-        align-items: center;
         transition: 0.3s all ease;
 
+        a {
+          color: #ffffff;
+          display: flex;
+          justify-content: center;
+          align-items: center;
+        }
+
         span {
           color: white;
           font-weight: 700;
@@ -186,8 +184,6 @@
         &:hover {
           box-shadow: 6px 5px 20px rgb(87 98 80 / 21%);
           transform: scale(1.02);
-          text-decoration: none;
-          color: #ffffff;
         }
       }
     }
@@ -260,22 +256,23 @@
           }
         }
 
-        a {
-          background: #52b709;
+        button {
           max-width: 174px;
-          border-radius: 44px;
           width: 100%;
           height: 46px;
-          border: none;
           font-weight: 400;
           font-size: 15px;
           line-height: 32px;
-          color: #ffffff;
-          display: flex;
-          justify-content: center;
-          align-items: center;
           transition: 0.3s all ease;
 
+          a {
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            color: white;
+            width: 100%;
+          }
+
           span {
             color: white;
             font-weight: 700;
@@ -286,8 +283,6 @@
           &:hover {
             box-shadow: 6px 5px 20px rgb(87 98 80 / 21%);
             transform: scale(1.02);
-            text-decoration: none;
-            color: #ffffff;
           }
         }
       }