guild_front/src/components/Candidate/Candidate.js

88 lines
2.8 KiB
JavaScript
Raw Normal View History

2021-05-26 13:35:57 +03:00
import React from 'react';
2021-05-28 16:21:28 +03:00
import { useHistory, useParams } from 'react-router-dom';
2021-05-26 17:41:11 +03:00
import style from './Candidate.module.scss';
2021-05-28 16:21:28 +03:00
import { candidatesList } from '../Home/Home';
2021-05-26 17:41:11 +03:00
import icon from '../../images/front_end.png';
import arrow from '../../images/right-arrow.png';
2021-05-27 17:44:11 +03:00
import rectangle from '../../images/rectangle_secondPage.png';
import Sidebar from './sections/Sidebar';
2021-05-26 13:35:57 +03:00
import classes from './Candidate.module.scss';
2021-05-27 17:44:11 +03:00
import SectionOne from './sections/SectionOne';
import SectionTwo from './sections/SectionTwo';
import SectionThree from './sections/SectionThree';
import SectionFour from './sections/SectionFour';
import SectionFive from './sections/SectionFive';
import SectionSkills from './sections/SectionSkills';
2021-05-26 13:35:57 +03:00
const Candidate = () => {
2021-05-26 15:59:00 +03:00
const history = useHistory();
2021-05-28 16:21:28 +03:00
const { id: candidateId } = useParams();
2021-05-26 15:59:00 +03:00
2021-05-28 16:21:28 +03:00
const currentCandidate = candidatesList.find((el) => el.id === Number(candidateId));
const { name } = currentCandidate;
2021-05-26 13:35:57 +03:00
return (
2021-05-26 17:41:11 +03:00
<section className={classes.candidate}>
<div className="container">
<div className="row">
<div className="col-12">
<div className={style.candidate__title}>
<h2>
<span>Аутстаффинг</span> it-персонала
</h2>
</div>
</div>
</div>
<div className="row">
<div className="col-12">
<div className={style.candidate__header}>
<div className={style.arrow} onClick={() => history.push('/')}>
<img src={arrow} alt="" />
<span>Вернуться к списку</span>
</div>
<div className="icon">
<img src={icon} alt="" />
</div>
</div>
</div>
</div>
<div className={style.candidate__main}>
<div className="row">
<div className="col-4">
2021-05-27 17:44:11 +03:00
<Sidebar />
2021-05-26 17:41:11 +03:00
</div>
<div className="col-8">
2021-05-27 17:44:11 +03:00
<div className={style.candidate__main__description}>
2021-05-28 16:21:28 +03:00
<h2>{name} разработчик, Middle</h2>
2021-05-27 17:44:11 +03:00
<img src={rectangle} alt="" />
<p># Описание опыта</p>
<SectionOne />
<p># Средства и инструменты:</p>
<SectionTwo />
<p># Описание опыта</p>
<SectionThree />
<p># Средства и инструменты:</p>
<SectionFour />
<p># Функционал:</p>
<SectionFive />
<SectionSkills />
2021-05-26 17:41:11 +03:00
</div>
</div>
</div>
</div>
</div>
{/* <h1>
2021-05-26 13:35:57 +03:00
Candidate name: <span>{currentCandidate.name}</span>
2021-05-26 17:41:11 +03:00
</h1> */}
</section>
2021-05-26 13:35:57 +03:00
);
};
export default Candidate;