spec and years of exp front
This commit is contained in:
parent
2774179772
commit
ebe3705753
@ -182,7 +182,7 @@
|
||||
background-color: #ffffff;
|
||||
border: 2px solid #6aaf5c;
|
||||
font-family: 'Muller';
|
||||
font-size: 2em;
|
||||
font-size: 1.8em;
|
||||
letter-spacing: normal;
|
||||
line-height: 71.88px;
|
||||
text-align: center;
|
||||
|
@ -179,7 +179,7 @@
|
||||
background-color: #ffffff;
|
||||
border: 2px solid #6aaf5c;
|
||||
font-family: 'Muller';
|
||||
font-size: 2em;
|
||||
font-size: 1.8em;
|
||||
letter-spacing: normal;
|
||||
line-height: 71.88px;
|
||||
text-align: center;
|
||||
|
@ -102,7 +102,7 @@ const Candidate = () => {
|
||||
<div className={style.candidate__main}>
|
||||
<div className="row">
|
||||
<div className="col-12 col-xl-4">
|
||||
<Sidebar />
|
||||
<Sidebar candidate={currentCandidateObj} />
|
||||
</div>
|
||||
<div className="col-12 col-xl-8">
|
||||
<div className={style.candidate__main__description}>
|
||||
|
@ -18,8 +18,6 @@ const Description = ({ onLoadMore }) => {
|
||||
fetchProfile(`${process.env.REACT_APP_API_URL}/api/profile?limit=`, 1000).then((p) => getAllCandidates(p));
|
||||
}, []);
|
||||
|
||||
console.log('render',filteredListArr, itemsArr)
|
||||
|
||||
if(!filteredListArr) {
|
||||
return (
|
||||
<section className={style.description}>
|
||||
@ -33,7 +31,7 @@ const Description = ({ onLoadMore }) => {
|
||||
</div>
|
||||
<div className="col-12 col-xl-6">
|
||||
<h3 className={style.description__title}>
|
||||
{SKILLS[el.position_id]}, {LEVELS[el.level]}
|
||||
{el.specification} {SKILLS[el.position_id]}, {LEVELS[el.level]}
|
||||
</h3>
|
||||
|
||||
{el.vc_text_short ? (
|
||||
@ -80,7 +78,7 @@ const Description = ({ onLoadMore }) => {
|
||||
</div>
|
||||
<div className="col-12 col-xl-6">
|
||||
<h3 className={style.description__title}>
|
||||
{SKILLS[el.position_id]}, {LEVELS[el.level]}
|
||||
{el.specification} {SKILLS[el.position_id]}, {LEVELS[el.level]}
|
||||
</h3>
|
||||
|
||||
{el.vc_text_short ? (
|
||||
|
@ -3,13 +3,27 @@ import { Link } from 'react-router-dom';
|
||||
import maleBig from '../../images/medium_male_big.png';
|
||||
import style from './Sidebar.module.css';
|
||||
|
||||
const Sidebar = () => {
|
||||
const getYearsString = (years) => {
|
||||
let yearsString = 'года';
|
||||
if (years%10 === 1) {
|
||||
yearsString = 'год';
|
||||
} else if (years === 11 || years === 12 || years === 13 || years === 14) {
|
||||
yearsString = 'лет';
|
||||
} else if (years%10 === 2 || years%10 === 3 || years%10 === 4) {
|
||||
yearsString = 'года';
|
||||
}
|
||||
return `${years} ${yearsString}`;
|
||||
}
|
||||
|
||||
const Sidebar = ({ candidate }) => {
|
||||
return (
|
||||
<div className={style.candidateSidebar}>
|
||||
<div className={style.candidateSidebar__info}>
|
||||
<img src={maleBig} alt="" />
|
||||
<p className={style.candidateSidebar__info__e}>Опыт работы</p>
|
||||
<p className={style.candidateSidebar__info__y}>4+ лет</p>
|
||||
{ candidate && candidate.years_of_exp && <>
|
||||
<p className={style.candidateSidebar__info__e}>Опыт работы</p>
|
||||
<p className={style.candidateSidebar__info__y}>{getYearsString(candidate.years_of_exp)}</p>
|
||||
</> }
|
||||
<Link to={`/form`}>
|
||||
<button className={style.candidateSidebar__info__btn}>Выбрать к собеседованию</button>
|
||||
</Link>
|
||||
|
Loading…
Reference in New Issue
Block a user