apuc/guild_front
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

merge branch and partnerRequest candidate

Browse Source
This commit is contained in:
Николай Полтщук
2023-04-19 22:42:46 +03:00
parent f4ada281da
commit 37d8ab385d
6 changed files with 99 additions and 137 deletions
Download Patch File Download Diff File Expand all files Collapse all files

91
src/pages/PartnerBid/PartnerBid.js
View File

@ -1,32 +1,35 @@
import React, {useEffect, useState} from 'react';
import {Link, Navigate} from "react-router-dom";
import {Link, Navigate, useNavigate} from "react-router-dom";
import {useSelector, useDispatch} from 'react-redux'
import {getPartnerRequestId, getPartnerRequests, setPartnerRequestId} from '../../redux/outstaffingSlice'
import {ProfileHeader} from "../../components/ProfileHeader/ProfileHeader";
import {ProfileBreadcrumbs} from "../../components/ProfileBreadcrumbs/ProfileBreadcrumbs"
import {Footer} from "../../components/Footer/Footer";
import { Navigation } from '../../components/Navigation/Navigation';
import {Loader} from "../../components/Loader/Loader"
import {apiRequest} from "../../api/request";
import {getCorrectDate} from "../../components/Calendar/calendarHelper";
import {urlForLocal} from '../../helper'
import arrowSwitchDate from "../../images/arrowViewReport.png";
import backEndImg from "../../images/QualificationInfo.png";
import middle from "../../images/QualificationInfoMiddle.png";
import personImg from "../../images/mokPerson.png"
import deleteBtn from "../../images/deleteBtn.png"
import './partnerBid.scss'
import { Navigation } from '../../components/Navigation/Navigation';
export const PartnerBid = () => {
if(localStorage.getItem('role_status') !== '18') {
return <Navigate to="/profile" replace/>
}
const dispatch = useDispatch();
const requestId = useSelector(getPartnerRequestId);
const partnerRequests = useSelector(getPartnerRequests);
const navigate= useNavigate();
if (!requestId) {
return <Navigate to="/profile/requests" replace/>
@ -40,26 +43,33 @@ export const PartnerBid = () => {
})
}, [requestId]);
const deleteRequest = () => {
apiRequest('/request/update-request', {
method: 'PUT',
data: {
user_id: localStorage.getItem('id'),
request_id: requestId,
status: 0,
// title: 'bro',
// position_id: 1,
// knowledge_level_id: 2,
// specialist_count: 2,
// descr: 'broooooo',
// skill_ids: [1, 2, 3]
}
}).then((res) => {
navigate('/profile/requests');
})
};
const [requestInfo, setRequestInfo] = useState({})
const [loader, setLoader] = useState(false)
const [mokPersons] = useState([
{
name: 'Дмитрий, PHP Back end - разработчик, Middle',
link: '/candidate/110',
img: personImg
},
{
name: 'Дмитрий, PHP Back end - разработчик, Middle',
link: '/candidate/111',
img: personImg
},
{
name: 'Дмитрий, PHP Back end - разработчик, Middle',
link: '/candidate/112',
img: personImg
}
])
const [levels] = useState({
1: "Junior",
2: "Middle",
3: "Middle+",
4: "Senior",
})
return (
<div className='partnerBid'>
<ProfileHeader />
@ -79,7 +89,7 @@ export const PartnerBid = () => {
<h3>{requestInfo.title}</h3>
<div className='partnerBid__qualification__buttons'>
<button>Редактировать</button>
<img src={deleteBtn} alt='delete'/>
<img src={deleteBtn} alt='delete' onClick={() => deleteRequest()}/>
</div>
</div>
<div className='partnerBid__switcher'>
@ -102,6 +112,7 @@ export const PartnerBid = () => {
</>
}
{Boolean(Object.keys(requestInfo).length) && !loader &&
<>
<div className='table__wrapper'>
<table>
<thead>
@ -150,27 +161,25 @@ export const PartnerBid = () => {
</tbody>
</table>
</div>
}
<div className='partnerBid__suitable'>
<div className='partnerBid__suitable__title'>
<p>Подходящие сотрудники по запросу</p>
</div>
<div className='partnerBid__suitable__persons'>
{mokPersons.map((person, index) => {
return <div key={index} className='partnerBid__suitable__person'>
<img src={person.img} alt='avatar' />
<p>{person.name}</p>
<Link className='partnerBid__suitable__person__more' to={person.link}>
Подробнее
</Link>
<div className='partnerBid__suitable__person__info'>
<div className='partnerBid__suitable'>
<div className='partnerBid__suitable__title'>
<p>Подходящие сотрудники по запросу</p>
</div>
<div className='partnerBid__suitable__persons'>
{requestInfo.result_profiles.length && requestInfo.result_profiles.map((person, index) => {
return <div key={index} className='partnerBid__suitable__person'>
<img src={urlForLocal(person.photo)} alt='avatar' />
<p>{person.fio} - {person.position_title}, {levels[person.level]}</p>
<Link className='partnerBid__suitable__person__more' to={`/candidate/${person.id}`}>
Подробнее
</Link>
</div>
</div>
})
}
})
}
</div>
</div>
</div>
</>
}
</div>
<Footer/>
</div>

29
src/pages/PartnerBid/partnerBid.scss
View File

@ -59,6 +59,7 @@
width: 44px;
height: 44px;
margin-left: 21px;
cursor: pointer;
}
}
}
@ -339,6 +340,30 @@
row-gap: 18px;
position: relative;
top: -15px;
max-height: 420px;
overflow: auto;
&::-webkit-scrollbar {
width: 4px;
background: 0 0;
box-shadow: 0 0 14px rgba(0, 0, 0, 0.04);
border-radius: 20px;
}
&::-webkit-scrollbar {
width: 4px;
border-radius: 20px;
}
&::-webkit-scrollbar-thumb {
background: #8db274;
border-radius: 20px;
}
&::-webkit-scrollbar-track {
background: #c5c0c6;
border-radius: 20px;
}
}
&__person {
@ -353,8 +378,9 @@
}
img {
width: 88px;
max-width: 88px;
height: 88px;
width: 100%;
}
p {
@ -364,6 +390,7 @@
line-height: 32px;
margin-left: 60px;
position: relative;
width: 100%;
&:after {
content: "";