Compare commits
No commits in common. "4084c52a9ba364e9877a10f2a8a5328e4fe6972b" and "b6a4ff66523fced46f1b16b7dadd26f5b7713049" have entirely different histories.
4084c52a9b
...
b6a4ff6652
@ -6,6 +6,7 @@ import empty from "assets/images/emptyPage.svg";
|
|||||||
import "./emptyBlock.scss";
|
import "./emptyBlock.scss";
|
||||||
|
|
||||||
export const EmptyBlock = () => {
|
export const EmptyBlock = () => {
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
<div className="empty-block">
|
<div className="empty-block">
|
||||||
@ -20,3 +21,4 @@ export const EmptyBlock = () => {
|
|||||||
</>
|
</>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|
||||||
|
@ -46,7 +46,6 @@ export const PartnerCategories = () => {
|
|||||||
const theme = useTheme(getTheme());
|
const theme = useTheme(getTheme());
|
||||||
const [nodes, setNodes] = useState([]);
|
const [nodes, setNodes] = useState([]);
|
||||||
const [initialNodes, setInitialNodes] = useState([]);
|
const [initialNodes, setInitialNodes] = useState([]);
|
||||||
const [activeTab, setActiveTab] = useState("Все");
|
|
||||||
|
|
||||||
const [search, setSearch] = useState("");
|
const [search, setSearch] = useState("");
|
||||||
|
|
||||||
@ -309,38 +308,10 @@ export const PartnerCategories = () => {
|
|||||||
/>
|
/>
|
||||||
</label>
|
</label>
|
||||||
<div className="table__tabs">
|
<div className="table__tabs">
|
||||||
<div
|
<div className="table__tab">Все</div>
|
||||||
onClick={() => {
|
|
||||||
setActiveTab("Все");
|
|
||||||
setNodes(initialNodes);
|
|
||||||
}}
|
|
||||||
className={
|
|
||||||
activeTab === "Все"
|
|
||||||
? "table__tab table__tab--active"
|
|
||||||
: "table__tab"
|
|
||||||
}
|
|
||||||
>
|
|
||||||
Все
|
|
||||||
</div>
|
|
||||||
{tabs.map((tab) => {
|
{tabs.map((tab) => {
|
||||||
return (
|
return (
|
||||||
<div
|
<div className="table__tab" key={tab.value}>
|
||||||
onClick={() => {
|
|
||||||
setActiveTab(tab.name);
|
|
||||||
setNodes(
|
|
||||||
initialNodes.filter(
|
|
||||||
(item) =>
|
|
||||||
item.resume.userCard.position_id === tab.value
|
|
||||||
)
|
|
||||||
);
|
|
||||||
}}
|
|
||||||
className={
|
|
||||||
activeTab === tab.name
|
|
||||||
? "table__tab table__tab--active"
|
|
||||||
: "table__tab"
|
|
||||||
}
|
|
||||||
key={tab.value}
|
|
||||||
>
|
|
||||||
{tab.name}
|
{tab.name}
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
|
@ -189,25 +189,6 @@
|
|||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
&__tab {
|
|
||||||
padding: 8px 12px;
|
|
||||||
cursor: pointer;
|
|
||||||
color: rgba(46, 58, 89, 1);
|
|
||||||
font-size: 15px;
|
|
||||||
|
|
||||||
&--active {
|
|
||||||
background: rgba(255, 255, 255, 1);
|
|
||||||
font-size: 16px;
|
|
||||||
border-radius: 5px;
|
|
||||||
border: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
&:nth-child(2) {
|
|
||||||
border-right: 1px solid rgba(224, 226, 229, 1);
|
|
||||||
border-left: 1px solid rgba(224, 226, 229, 1);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
&__avatar {
|
&__avatar {
|
||||||
width: 40px;
|
width: 40px;
|
||||||
height: 40px;
|
height: 40px;
|
||||||
|
@ -1,10 +1,10 @@
|
|||||||
import React from "react";
|
import React from "react";
|
||||||
|
|
||||||
import { Footer } from "@components/Common/Footer/Footer";
|
import { Footer } from "@components/Common/Footer/Footer";
|
||||||
import { EmptyBlock } from "@components/EmptyBlock/EmptyBlock";
|
|
||||||
import { Navigation } from "@components/Navigation/Navigation";
|
import { Navigation } from "@components/Navigation/Navigation";
|
||||||
import { ProfileBreadcrumbs } from "@components/ProfileBreadcrumbs/ProfileBreadcrumbs";
|
|
||||||
import { ProfileHeader } from "@components/ProfileHeader/ProfileHeader";
|
import { ProfileHeader } from "@components/ProfileHeader/ProfileHeader";
|
||||||
|
import { ProfileBreadcrumbs } from "@components/ProfileBreadcrumbs/ProfileBreadcrumbs";
|
||||||
|
import { EmptyBlock } from "@components/EmptyBlock/EmptyBlock";
|
||||||
|
|
||||||
import "./payouts.scss";
|
import "./payouts.scss";
|
||||||
|
|
||||||
@ -17,7 +17,7 @@ export const Payouts = () => {
|
|||||||
<ProfileBreadcrumbs
|
<ProfileBreadcrumbs
|
||||||
links={[
|
links={[
|
||||||
{ name: "Главная", link: "/profile" },
|
{ name: "Главная", link: "/profile" },
|
||||||
{ name: "Выплаты и финансы ", link: "/profile/payouts" }
|
{ name: "Выплаты и финансы ", link: "/profile/payouts" },
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
<h3 className="payouts__title">Выплаты и финансы </h3>
|
<h3 className="payouts__title">Выплаты и финансы </h3>
|
||||||
|
Loading…
x
Reference in New Issue
Block a user