137 lines
6.5 KiB
JavaScript
Raw Normal View History

2023-02-23 14:57:26 +03:00
import React, {useState} from 'react';
2023-02-27 16:50:32 +03:00
import {Link, Navigate} from "react-router-dom";
2023-02-23 14:57:26 +03:00
import {ProfileHeader} from "../../components/ProfileHeader/ProfileHeader";
2023-02-27 16:50:32 +03:00
import {ProfileBreadcrumbs} from "../../components/ProfileBreadcrumbs/ProfileBreadcrumbs"
2023-02-23 14:57:26 +03:00
import {Footer} from "../../components/Footer/Footer";
import arrowSwitchDate from "../../images/arrowViewReport.png";
import backEndImg from "../../images/QualificationInfo.png";
import middle from "../../images/QualificationInfoMiddle.png";
import personImg from "../../images/mokPerson.png"
2023-03-16 15:10:53 +03:00
import deleteBtn from "../../images/deleteBtn.png"
2023-02-23 14:57:26 +03:00
import './partnerBid.scss'
2023-04-19 20:22:06 +03:00
import { Navigation } from '../../components/Navigation/Navigation';
2023-02-23 14:57:26 +03:00
export const PartnerBid = () => {
2023-02-27 16:50:32 +03:00
if(localStorage.getItem('role_status') !== '18') {
return <Navigate to="/profile" replace/>
}
2023-02-23 14:57:26 +03:00
const [mokPersons] = useState([
{
name: 'Дмитрий, PHP Back end - разработчик, Middle',
link: '',
img: personImg
},
{
name: 'Дмитрий, PHP Back end - разработчик, Middle',
link: '',
img: personImg
},
{
name: 'Дмитрий, PHP Back end - разработчик, Middle',
link: '',
img: personImg
}
])
return (
<div className='partnerBid'>
<ProfileHeader />
2023-04-19 20:22:06 +03:00
<Navigation />
2023-02-23 14:57:26 +03:00
<div className='container'>
2023-02-27 16:50:32 +03:00
<ProfileBreadcrumbs links={[
{name: 'Главная', link: '/profile'},
{name: 'Запросы и открытые позиции', link: '/profile/requests'},
{name: 'Просмотр заявки - PHP разработчик', link: '/profile/bid'}
]}
/>
2023-02-23 14:57:26 +03:00
<h2 className='partnerBid__title'>Страница заявки </h2>
<div className='partnerBid__qualification'>
<h3>PHP разработчик</h3>
2023-03-16 15:10:53 +03:00
<div className='partnerBid__qualification__buttons'>
<button>Редактировать</button>
<img src={deleteBtn} alt='delete' />
</div>
2023-02-23 14:57:26 +03:00
</div>
<div className='partnerBid__switcher'>
<div className='partnerBid__switcher__prev switchDate'>
<img src={arrowSwitchDate} alt='arrow'/>
</div>
<p>Дата заявки : 19 декабря 2022 года </p>
<div className='partnerBid__switcher__next switchDate'>
<img src={arrowSwitchDate} alt='arrow'/>
</div>
</div>
<div className='table__wrapper'>
<table>
<thead>
<tr>
<th><p>Требования к стеку разработчика</p></th>
<th><p>Квалификация</p></th>
</tr>
</thead>
<tbody>
<tr>
<td>
<p>
PHP приветствуется аккуратность в коде. MySQL - умение писать запросы к MySQL,
понимание как происходит запрос. Средний уровень: AJAX, JSON, общее понимание;
CSS/CSS3, HTML, Bootstrap;
</p>
</td>
<td>
<div className='qualification__info'>
<div className='img__wrapper'>
<img src={backEndImg} alt='backEndImg' />
</div>
<p>Backend разработчик</p>
</div>
</td>
</tr>
<tr>
<td>
<p>
Знание современных фреймворков Laravel, Yii 2, FuelPHP, Симфони;
Знания по разработке REST API;
Знание PHP,HTML,CSS,MySQL,Pyhton,JavaScript.
</p>
</td>
<td>
<div className='qualification__info'>
<div className='img__wrapper'>
<img src={middle} alt='middleImg' />
</div>
<p className='middle'>Средний<br/>(Middle)</p>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<div className='partnerBid__suitable'>
<div className='partnerBid__suitable__title'>
<p>Подходящие сотрудники по запросу</p>
</div>
<div className='partnerBid__suitable__persons'>
2023-02-27 16:50:32 +03:00
{mokPersons.map((person, index) => {
return <div key={index} className='partnerBid__suitable__person'>
2023-02-23 14:57:26 +03:00
<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>
</div>
})
}
</div>
</div>
</div>
<Footer/>
</div>
)
};