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

fixed code

Browse Source
This commit is contained in:
Hope87
2021-07-08 11:03:47 +03:00
parent f9c2761b73
commit b9b6f78009
5 changed files with 31 additions and 101 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
src/components/Candidate/Candidate.js
View File

@ -1,7 +1,12 @@
import React from 'react';
import { useHistory, useParams } from 'react-router-dom';
import { useSelector, useDispatch } from 'react-redux';
import { currentCandidate, selectCurrentCandidate, selectProfiles } from '../../redux/outstaffingSlice';
import {
currentCandidate,
selectCurrentCandidate,
selectProfiles,
selectFilteredCandidates,
} from '../../redux/outstaffingSlice';
import style from './Candidate.module.css';
import arrow from '../../images/right-arrow.png';
import rectangle from '../../images/rectangle_secondPage.png';
@ -18,14 +23,21 @@ const Candidate = () => {
const dispatch = useDispatch();
const candidatesArr = useSelector(selectProfiles);
const filteredCandidates = useSelector(selectFilteredCandidates);
dispatch(currentCandidate(candidatesArr.find((el) => Number(el.id) === Number(candidateId))));
dispatch(
currentCandidate(
filteredCandidates.length > 0
? filteredCandidates.find((el) => Number(el.id) === Number(candidateId))
: candidatesArr.find((el) => Number(el.id) === Number(candidateId))
)
);
const currentCandidateObj = useSelector(selectCurrentCandidate);
console.log('currentCandidateObj ', currentCandidateObj);
const { fio: name, position_id, skillValues, vc_text: text } = currentCandidateObj;
const { position_id, skillValues, vc_text: text } = currentCandidateObj;
let classes;
let header;
@ -88,7 +100,6 @@ const Candidate = () => {
</div>
<div className="col-12 col-xl-8">
<div className={style.candidate__main__description}>
<h2>{name}</h2>
<img src={rectangle} alt="" />
<p className={style.hashtag}># Описание опыта</p>
{text ? (
@ -96,7 +107,7 @@ const Candidate = () => {
) : (
<p className={style.candidate__textSecondary}>Описание отсутствует...</p>
)}
<button type="submit" className={style.SectionFive__btn}>
<button type="submit" className={style.candidate__btn}>
Выбрать к собеседованию
</button>
<SectionSkills skillsArr={skillValues} />

94
src/components/Candidate/Candidate.module.css
View File

@ -182,104 +182,14 @@
margin: 20px 0px;
}
.SectionOne > h3 {
font-family: 'GT Eesti Pro Display';
font-size: 2.2em;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 36px;
text-align: left;
}
.SectionOne > p {
font-family: 'GT Eesti Pro Display';
font-size: 1.8em;
font-weight: 100;
font-style: normal;
letter-spacing: normal;
line-height: 28px;
text-align: left;
}
.SectionOne > h4 {
font-family: 'GT Eesti Pro Display';
font-size: 1.8em;
font-weight: 700;
font-style: normal;
letter-spacing: normal;
line-height: 36px;
text-align: left;
}
.SectionTwo > p {
font-family: 'GT Eesti Pro Display';
font-size: 1.8em;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 28px;
text-align: left;
}
.SectionThree > h3 {
font-family: 'GT Eesti Pro Display';
font-size: 2.2em;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 36px;
text-align: left;
}
.SectionThree > p {
font-family: 'GT Eesti Pro Display';
font-size: 1.8em;
font-weight: 100;
font-style: normal;
letter-spacing: normal;
line-height: 28px;
text-align: left;
}
.SectionThree > h4 {
font-family: 'GT Eesti Pro Display';
font-size: 1.8em;
font-weight: 700;
font-style: normal;
letter-spacing: normal;
line-height: 36px;
text-align: left;
}
.SectionFour > p {
font-family: 'GT Eesti Pro Display';
font-size: 1.8em;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 18px;
text-align: left;
}
.SectionFive > p {
font-family: 'GT Eesti Pro Display';
font-size: 1.8em;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 16px;
text-align: left;
}
@media (min-width: 576.98px) {
.SectionFive__btn {
.candidate__btn {
display: none;
}
}
@media (max-width: 575.98px) {
.SectionFive__btn {
.candidate__btn {
display: block;
width: 221px;
height: 49px;