page_under_construction #39

Merged
nik.polishuk merged 3 commits from page_under_construction into main 2024-07-26 20:07:31 +03:00
6 changed files with 119 additions and 4 deletions
Showing only changes of commit 4697383bf3 - Show all commits

No files matched your search

+9
View File
@@ -0,0 +1,9 @@
<svg width="142" height="140" viewBox="0 0 142 140" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<rect x="0.43457" y="58.6924" width="105.334" height="96.5558" transform="rotate(-33.2532 0.43457 58.6924)" fill="url(#pattern0_2523_617)"/>
<defs>
<pattern id="pattern0_2523_617" patternContentUnits="objectBoundingBox" width="1" height="1">
<use xlink:href="#image0_2523_617" transform="matrix(0.000804799 0 0 0.000877963 -0.00460928 0)"/>
</pattern>
<image id="image0_2523_617" width="1254" height="1139" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABOYAAARzCAYAAADIVynaAAAACXBIWXMAAC4jAAAuIwF4pT92AAAFyWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNy4xLWMwMDAgNzkuOWNjYzRkZSwgMjAyMi8wMy8xNC0xMToyNjoxOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIzLjMgKFdpbmRvd3MpIiB4bXA6Q3JlYXRlRGF0ZT0iMjAyNC0wMy0xM1QxNzowODozOCswMzowMCIgeG1wOk1vZGlmeURhdGU9IjIwMjQtMDMtMThUMTY6NDQ6MDkrMDM6MDAiIHhtcDpNZXRhZGF0YURhdGU9IjIwMjQtMDMtMThUMTY6NDQ6MDkrMDM6MDAiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiBwaG90b3Nob3A6Q29sb3JNb2RlPSIzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjFhYzQ4ZjQ0LWRjN2MtYmY0MC05MDY4LTY1MjYzMGU0ZTA4MiIgeG1wTU06RG9jdW1lbnRJRD0i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 truncated
</defs>
</svg>

After

Width:  |  Height:  |  Size: 1.1 MiB

+24
View File
@@ -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" />
</>
);
};
+53
View File
@@ -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;
}
}
}
@@ -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>
)
}
];
+12 -1
View File
@@ -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>
);
+8
View File
@@ -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;
}
}