empty page

src/components/EmptyBlock/EmptyBlock.jsx

@@ -0,0 +1,24 @@
+import React from "react";
+import { Link } from "react-router-dom";
+
+import empty from "assets/images/emptyPage.svg";
+
+import "./emptyBlock.scss";
+
+export const EmptyBlock = () => {
+
+  return (
+    <>
+      <div className="empty-block">
+        <h4 className="empty-block__title">
+          Данная страница находится в разработке
+        </h4>
+        <Link className="empty-block__back" to="/profile">
+          На главную
+        </Link>
+      </div>
+      <img src={empty} alt="img" className="empty-block__img" />
+    </>
+  );
+};
+

src/components/EmptyBlock/emptyBlock.scss

@@ -0,0 +1,53 @@
+.empty-block {
+  position: relative;
+  border-radius: 8px;
+  border: 0.5px solid;
+  border-image-source: linear-gradient(137.79deg, #FFFFFF 9.15%, #F4F4F4 76.22%);
+  background: linear-gradient(110.06deg, rgba(255, 255, 255, 0.34) 0%, rgba(239, 239, 239, 0.34) 99.25%);
+  display: flex;
+  box-shadow: 10px 9px 14.3px 0px #00000008;
+  align-items: center;
+  justify-content: center;
+  margin-top: 22px;
+  padding: 95px 0 40px;
+  flex-direction: column;
+  z-index: 2;
+  backdrop-filter: blur(5px);
+
+  &__img {
+    position: absolute;
+    z-index: 1;
+    top: 30px;
+    transform: translate(-50%);
+    left: 50%;
+  }
+
+  &__title {
+    color: #000000;
+    font-weight: 700;
+    font-size: 22px;
+    line-height: 32px;
+    margin-bottom: 0;
+  }
+
+  &__back {
+    max-width: 150px;
+    width: 100%;
+    background: #52B709;
+    border-radius: 44px;
+    color: #FFFFFF;
+    font-size: 14px;
+    font-weight: 700;
+    margin-top: 16px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    height: 40px;
+    transition: all 0.3s ease;
+
+    &:hover {
+      color: white;
+      scale: 1.1;
+    }
+  }
+}

src/pages/PartnerСategories/PartnerСategories.jsx

@@ -33,7 +33,6 @@ import rightArrow from "assets/icons/arrows/arrowRight.svg";
 // import TestImg from "assets/images/partnerProfile/PersonalTesters.svg";
 // import BackEndImg from "assets/images/partnerProfile/personalBackEnd.svg";
 import "./partnerСategories.scss";
-
 export const PartnerCategories = () => {
   // const dispatch = useDispatch();
   if (localStorage.getItem("role_status") !== "18") {
@@ -59,9 +58,9 @@ export const PartnerCategories = () => {
       )
     },
     {
-      label: "ФИО",
+      label: "Данные",
       renderCell: (item) => <p>{item?.employee.fio}</p>,
-      sort: { sortKey: "NAME" }
+      // sort: { sortKey: "NAME" }
     },
     {
       label: "Резюме",
@@ -87,6 +86,17 @@ export const PartnerCategories = () => {
           </div>
         </Link>
       )
+    },
+    {
+      label: "Действие",
+      renderCell: (item) => (
+        <Link
+          className="table__link"
+          to={`/profile/employees/report/${item.user_id}`}
+        >
+          123
+        </Link>
+      )
     }
   ];
 

src/pages/Payouts/Payouts.jsx

@@ -3,6 +3,8 @@ import React from "react";
 import { Footer } from "@components/Common/Footer/Footer";
 import { Navigation } from "@components/Navigation/Navigation";
 import { ProfileHeader } from "@components/ProfileHeader/ProfileHeader";
+import { ProfileBreadcrumbs } from "@components/ProfileBreadcrumbs/ProfileBreadcrumbs";
+import { EmptyBlock } from "@components/EmptyBlock/EmptyBlock";
 
 import "./payouts.scss";
 
@@ -11,7 +13,16 @@ export const Payouts = () => {
     <div className="payouts">
       <ProfileHeader />
       <Navigation />
-      <div className="container"></div>
+      <div className="container">
+        <ProfileBreadcrumbs
+          links={[
+            { name: "Главная", link: "/profile" },
+            { name: "Выплаты и финансы ", link: "/profile/payouts" },
+          ]}
+        />
+        <h3 className="payouts__title">Выплаты и финансы </h3>
+        <EmptyBlock />
+      </div>
       <Footer />
     </div>
   );

src/pages/Payouts/payouts.scss

@@ -9,5 +9,13 @@
     display: flex;
     flex-direction: column;
     flex: 1;
+    margin-top: 23px;
+  }
+
+  &__title {
+    font-weight: 700;
+    font-size: 22px;
+    line-height: 32px;
+    color: #000000;
   }
 }