From 4697383bf3c263546f17c2fe4b2e0c96a46f75c8 Mon Sep 17 00:00:00 2001 From: M1kola Date: Fri, 26 Jul 2024 18:16:32 +0300 Subject: [PATCH] empty page --- src/assets/images/emptyPage.svg | 9 ++++ src/components/EmptyBlock/EmptyBlock.jsx | 24 +++++++++ src/components/EmptyBlock/emptyBlock.scss | 53 +++++++++++++++++++ .../PartnerСategories/PartnerСategories.jsx | 16 ++++-- src/pages/Payouts/Payouts.jsx | 13 ++++- src/pages/Payouts/payouts.scss | 8 +++ 6 files changed, 119 insertions(+), 4 deletions(-) create mode 100644 src/assets/images/emptyPage.svg create mode 100644 src/components/EmptyBlock/EmptyBlock.jsx create mode 100644 src/components/EmptyBlock/emptyBlock.scss diff --git a/src/assets/images/emptyPage.svg b/src/assets/images/emptyPage.svg new file mode 100644 index 00000000..9c36a93a --- /dev/null +++ b/src/assets/images/emptyPage.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/src/components/EmptyBlock/EmptyBlock.jsx b/src/components/EmptyBlock/EmptyBlock.jsx new file mode 100644 index 00000000..87a98530 --- /dev/null +++ b/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 ( + <> +
+

+ Данная страница находится в разработке +

+ + На главную + +
+ img + + ); +}; + diff --git a/src/components/EmptyBlock/emptyBlock.scss b/src/components/EmptyBlock/emptyBlock.scss new file mode 100644 index 00000000..3b99b60f --- /dev/null +++ b/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; + } + } +} \ No newline at end of file diff --git a/src/pages/PartnerСategories/PartnerСategories.jsx b/src/pages/PartnerСategories/PartnerСategories.jsx index a274d008..d37bd0a4 100644 --- a/src/pages/PartnerСategories/PartnerСategories.jsx +++ b/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) =>

{item?.employee.fio}

, - sort: { sortKey: "NAME" } + // sort: { sortKey: "NAME" } }, { label: "Резюме", @@ -87,6 +86,17 @@ export const PartnerCategories = () => { ) + }, + { + label: "Действие", + renderCell: (item) => ( + + 123 + + ) } ]; diff --git a/src/pages/Payouts/Payouts.jsx b/src/pages/Payouts/Payouts.jsx index 46d76507..bc274815 100644 --- a/src/pages/Payouts/Payouts.jsx +++ b/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 = () => {
-
+
+ +

Выплаты и финансы

+ +
); diff --git a/src/pages/Payouts/payouts.scss b/src/pages/Payouts/payouts.scss index fad635f8..a31ad531 100644 --- a/src/pages/Payouts/payouts.scss +++ b/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; } }