@ -1,137 +1,147 @@
import React , { useState } from "react" ;
{ } ;
import { Link } ;
import React , { useEffect , } from "react" ;
// import { useDispatch } from "react-redux";
// import { Link } from "react-router-dom";
import { Navigate } from "react-router-dom" ;
import { setPartnerEmployees } from "@redux/outstaffingSlice" ;
// import { setPartnerEmployees } from "@redux/outstaffingSlice";
import { Footer } from "@components/Common/Footer/Footer" ;
import PartnerPersonCard from "@components/PartnerPersonCard/PartnerPersonCard" ;
import { ProfileBreadcrumbs } from "@components/ProfileBreadcrumbs/ProfileBreadcrumbs" ;
import { ProfileHeader } from "@components/ProfileHeader/ProfileHeader" ;
import { Navigation } from "@components/Navigation/Navigation" ;
import rightArrow from "assets/icons/arrows/arrowRight.svg ";
import avatarImg from "assets/images/avatarMok.png" ;
AdminImg mage s/p artnerProfile/PersonalAdmin .svg";
import ArchitectureImg partnerProfile/PersonalArchitecture.svg" ;
import CopyImg Copy .svg";
import DesignImg Design .svg";
import FrontendImg Frontend .svg";
import ManageImg Mng .svg";
import SmmImg SMM .svg";
import TestImg Testers .svg";
import BackEndImg p ersonalBackEnd .svg";
import { apiRequest } from "@api/request ";
// import rightArrow from "assets/icon s/arrows/arrowRight .svg";
// import avatarImg from "assets/images/avatarMok.png";
// import AdminImg from "assets/images/partnerProfile/PersonalAdmin .svg";
// import ArchitectureImg from "assets/images/partnerProfile/PersonalArchitecture .svg";
// import CopyImg from "assets/images/partnerProfile/PersonalCopy .svg";
// import DesignImg from "assets/images/partnerProfile/PersonalDesign .svg";
// import FrontendImg from "assets/images/partnerProfile/PersonalFrontend .svg";
// import ManageImg from "assets/images/partnerProfile/PersonalMng .svg";
// import SmmImg from "assets/images/partnerProfile/P ersonalSMM .svg";
// import TestImg from "assets/images/partnerProfile/PersonalTesters.svg";
// import BackEndImg from "assets/images/partnerProfile/personalBackEnd.svg";
import { Navigation } from "../../components/Navigation/Navigation" ;
import "./partnerС ;
export const PartnerCategories = ( ) => {
= ( ) ;
// const dispatch = useDispatch();
if ( localStorage . getItem ( "role_status" ) !== "18" ) {
return < Navigate to = "/profile" replace / > ;
}
const [ personalInfoItems ] = useState ( [
{
title : "Backend разработчики" ,
link : "/profile/categories/employees" ,
description :
"Java PHP Python C# React Vue.js NodeJs Golang Ruby JavaScript" ,
available : true ,
img : BackEndImg
} ,
{
title : "Frontend разработчики" ,
link : "/profile/categories/employees" ,
description :
"Java PHP Python C# React Vue.js NodeJs Golang Ruby JavaScript" ,
available : true ,
img : FrontendImg
} ,
{
title : "Архитектура проектов" ,
link : "/profile/categories/employees" ,
description : "Потоки данных ER ERP CRM CQRS UML BPMN" ,
available : true ,
img : ArchitectureImg
} ,
{
title : "Дизайн проектов" ,
link : "/profile/categories/employees" ,
description :
"Java PHP Python C# React Vue.js NodeJs Golang Ruby JavaScript" ,
available : true ,
img : DesignImg
} ,
{
title : "Тестирование проектов" ,
link : "/profile/add-request" ,
description : "SQL Postman TestRail Kibana Ручное тестирование" ,
available : false ,
img : TestImg
} ,
{
title : "Администрирование проектов" ,
link : "/profile/add-request" ,
description : "DevOps ELK Kubernetes Docker Bash Apache Oracle Git" ,
available : false ,
img : AdminImg
} ,
{
title : "Управление проектом" ,
link : "/profile/add-request" ,
description : "Scrum Kanban Agile Miro CustDev" ,
available : false ,
img : ManageImg
} ,
{
title : "Копирайтинг проектов" ,
link : "/profile/add-request" ,
description : "Теги Заголовок H1 Дескриптор Абзац Сценарий" ,
available : false ,
img : CopyImg
} ,
{
title : "Реклама и SMM" ,
link : "/profile/add-request" ,
description :
"Java PHP Python C# React Vue.js NodeJs Golang Ruby JavaScript" ,
available : false ,
img : SmmImg
}
] ) ;
const [ staff , setStaff ] = useState ( [ ] )
const [ mokPersons ] = useState ( [
{
personAvatar : avatarImg ,
name : "Макаренко Дмитрий" ,
qualification : "PHP Backend - разработчик" ,
level : "Middle" ,
project : "Админка НВД Консалтинг" ,
tasks _in _progress : 5 ,
month _hours : 140 ,
id : 1
} ,
{
personAvatar : avatarImg ,
name : "Макаренко Дмитрий" ,
qualification : "PHP Backend - разработчик" ,
level : "Middle" ,
project : "Админка НВД Консалтинг" ,
tasks _in _progress : 5 ,
month _hours : 140 ,
id : 2
} ,
{
personAvatar : avatarImg ,
name : "Макаренко Дмитрий" ,
qualification : "PHP Backend - разработчик" ,
level : "Middle" ,
project : "Админка НВД Консалтинг" ,
tasks _in _progress : 5 ,
month _hours : 140 ,
id : 3
}
] ) ;
useEffect ( ( ) => {
apiRequest ( "/project/my-employee" ) . then ( ( el ) => {
setStaff ( el . managerEmployees )
} )
} , [ ] )
// const [personalInfoItems] = useState([
// {
// title: "Backend разработчики",
// link: "/profile/categories/employees",
// description:
// "Java PHP Python C# React Vue.js NodeJs Golang Ruby JavaScript",
// available: true,
// img: BackEndImg
// },
// {
// title: "Frontend разработчики",
// link: "/profile/categories/employees",
// description:
// "Java PHP Python C# React Vue.js NodeJs Golang Ruby JavaScript",
// available: true,
// img: FrontendImg
// },
// {
// title: "Архитектура проектов",
// link: "/profile/categories/employees",
// description: "Потоки данных ER ERP CRM CQRS UML BPMN",
// available: true,
// img: ArchitectureImg
// },
// {
// title: "Дизайн проектов",
// link: "/profile/categories/employees",
// description:
// "Java PHP Python C# React Vue.js NodeJs Golang Ruby JavaScript",
// available: true,
// img: DesignImg
// },
// {
// title: "Тестирование проектов",
// link: "/profile/add-request",
// description: "SQL Postman TestRail Kibana Ручное тестирование",
// available: false,
// img: TestImg
// },
// {
// title: "Администрирование проектов",
// link: "/profile/add-request",
// description: "DevOps ELK Kubernetes Docker Bash Apache Oracle Git",
// available: false,
// img: AdminImg
// },
// {
// title: "Управление проектом",
// link: "/profile/add-request",
// description: "Scrum Kanban Agile Miro CustDev",
// available: false,
// img: ManageImg
// },
// {
// title: "Копирайтинг проектов",
// link: "/profile/add-request",
// description: "Теги Заголовок H1 Дескриптор Абзац Сценарий",
// available: false,
// img: CopyImg
// },
// {
// title: "Реклама и SMM",
// link: "/profile/add-request",
// description:
// "Java PHP Python C# React Vue.js NodeJs Golang Ruby JavaScript",
// available: false,
// img: SmmImg
// }
// ]);
// const [mokPersons] = useState([
// {
// personAvatar: avatarImg,
// name: "Макаренко Дмитрий",
// qualification: "PHP Backend - разработчик",
// level: "Middle",
// project: "Админка НВД Консалтинг",
// tasks_in_progress: 5,
// month_hours: 140,
// id: 1
// },
// {
// personAvatar: avatarImg,
// name: "Макаренко Дмитрий",
// qualification: "PHP Backend - разработчик",
// level: "Middle",
// project: "Админка НВД Консалтинг",
// tasks_in_progress: 5,
// month_hours: 140,
// id: 2
// },
// {
// personAvatar: avatarImg,
// name: "Макаренко Дмитрий",
// qualification: "PHP Backend - разработчик",
// level: "Middle",
// project: "Админка НВД Консалтинг",
// tasks_in_progress: 5,
// month_hours: 140,
// id: 3
// }
// ]);
return (
< div className = "partnerCategories" >
< ProfileHeader / >
@ -145,39 +155,42 @@ export const PartnerCategories = () => {
/ >
< h2 className = "partnerCategories__title" > Данные персонала < / h2 >
< div className = "partnerCategories__items" >
{ personalInfoItems . map ( ( item , index ) => {
return (
< Link
to = { item . link }
key = { index }
className = {
item . available
? "partnerCategories__item item"
: "partnerCategories__item item item__disable"
}
onClick = { ( ) => {
dispatch ( setPartnerEmployees ( mokPersons ) ) ;
} }
>
< div className = "item__title" >
< img src = { item . img } alt = { item . title } / >
< h4 > { item . title } < / h4 >
< / div >
< div className = "item__info" >
< p > { item . description } < / p >
< div className = "more" >
< img src = { rightArrow } alt = "arrow" / >
< / div >
< / div >
{ ! item . available && (
< div className = "item__disableHover" >
< p > У вас нет персонала из категории < / p >
< button > Подобрать < / button >
< / div >
) }
< / Link >
) ;
{ staff . map ( ( card ) => {
return < PartnerPersonCard key = { card . id } name = { card . employee . fio } img = { card . employee . avatar } userId = { card . user _id } / >
} ) }
{ /*{personalInfoItems.map((item, index) => {*/ }
{ /* return (*/ }
{ /* <Link*/ }
{ /* to={item.link}*/ }
{ /* key={index}*/ }
{ /* className={*/ }
{ /* item.available*/ }
{ /* ? "partnerCategories__item item"*/ }
{ /* : "partnerCategories__item item item__disable"*/ }
{ /* }*/ }
{ /* onClick={() => {*/ }
{ /* dispatch(setPartnerEmployees(mokPersons));*/ }
{ /* }}*/ }
{ /* >*/ }
{ /* <div className="item__title">*/ }
{ /* <img src={item.img} alt={item.title} />*/ }
{ /* <h4>{item.title}</h4>*/ }
{ /* </div>*/ }
{ /* <div className="item__info">*/ }
{ /* <p>{item.description}</p>*/ }
{ /* <div className="more">*/ }
{ /* <img src={rightArrow} alt="arrow" />*/ }
{ /* </div>*/ }
{ /* </div>*/ }
{ /* {!item.available && (*/ }
{ /* <div className="item__disableHover">*/ }
{ /* <p>У }
{ /* <button>Подобрать</button>*/ }
{ /* </div>*/ }
{ /* )}*/ }
{ /* </Link>*/ }
{ /* );*/ }
{ /*})}*/ }
< / div >
< / div >
< Footer / >
Mikola