From f2e769a71acfdb246f75bcad0a3f62a1c2e60307 Mon Sep 17 00:00:00 2001 From: Hope87 Date: Fri, 9 Jul 2021 14:01:11 +0300 Subject: [PATCH] fixed code --- src/components/Candidate/Candidate.js | 77 ++++++++++++----------- src/components/Candidate/SectionSkills.js | 4 +- src/components/Form/Form.js | 21 ++++--- src/components/Sidebar/Sidebar.js | 8 +-- src/redux/outstaffingSlice.js | 8 +-- 5 files changed, 59 insertions(+), 59 deletions(-) diff --git a/src/components/Candidate/Candidate.js b/src/components/Candidate/Candidate.js index a97e32d9..67c6bcb5 100644 --- a/src/components/Candidate/Candidate.js +++ b/src/components/Candidate/Candidate.js @@ -1,12 +1,7 @@ -import React from 'react'; +import React, { useEffect } from 'react'; import { useHistory, useParams } from 'react-router-dom'; import { useSelector, useDispatch } from 'react-redux'; -import { - currentCandidate, - selectCurrentCandidate, - selectProfiles, - selectFilteredCandidates, -} from '../../redux/outstaffingSlice'; +import { currentCandidate, selectCurrentCandidate } from '../../redux/outstaffingSlice'; import style from './Candidate.module.css'; import arrow from '../../images/right-arrow.png'; import rectangle from '../../images/rectangle_secondPage.png'; @@ -15,51 +10,63 @@ import SectionSkills from './SectionSkills'; import front from '../../images/front_end.png'; import back from '../../images/back_end.png'; import design from '../../images/design.png'; +import { fetchItemsForId } from '../../server/server'; const Candidate = () => { const history = useHistory(); - const { id: candidateId } = useParams(); - const dispatch = useDispatch(); - const candidatesArr = useSelector(selectProfiles); - const filteredCandidates = useSelector(selectFilteredCandidates); - - dispatch( - currentCandidate( - filteredCandidates.length > 0 - ? filteredCandidates.find((el) => Number(el.id) === Number(candidateId)) - : candidatesArr.find((el) => Number(el.id) === Number(candidateId)) - ) - ); + useEffect(() => { + fetchItemsForId('https://guild.craft-group.xyz/api/profile/', Number(candidateId)).then((el) => + dispatch(currentCandidate(el)) + ); + }, [dispatch, candidateId]); const currentCandidateObj = useSelector(selectCurrentCandidate); const { position_id, skillValues, vc_text: text } = currentCandidateObj; - let classes; - let header; - let img; + const setStyles = () => { + const styles = { + classes: '', + header: '', + img: '', + }; - if (Number(position_id) === 1) { - classes = style.back; - header = 'Backend'; - img = back; - } else if (Number(position_id) === 2) { - classes = style.des; - header = 'Frontend'; - img = front; - } else if (Number(position_id) === 3) { - classes = style.front; - header = 'Design'; - img = design; - } + switch (Number(position_id)) { + case 1: { + styles.classes = style.back; + styles.header = 'Backend'; + styles.img = back; + + break; + } + case 2: { + styles.classes = style.des; + styles.header = 'Frontend'; + styles.img = front; + break; + } + case 3: { + style.classes = style.front; + style.header = 'Design'; + style.img = design; + break; + } + default: + break; + } + + return styles; + }; function createMarkup(text) { return { __html: text.split('

').join('

') }; } + const { header, img, classes } = setStyles(); + return (
diff --git a/src/components/Candidate/SectionSkills.js b/src/components/Candidate/SectionSkills.js index a8e9a153..c1ba8b9c 100644 --- a/src/components/Candidate/SectionSkills.js +++ b/src/components/Candidate/SectionSkills.js @@ -5,9 +5,7 @@ const SectionSkills = ({ skillsArr }) => { return (

Навыки:

- {skillsArr.map((skills) => ( -

{skills.skill.name}

- ))} + {skillsArr && skillsArr.map((skills) =>

{skills.skill.name}

)}
); }; diff --git a/src/components/Form/Form.js b/src/components/Form/Form.js index 16656e2d..ee3f7b01 100644 --- a/src/components/Form/Form.js +++ b/src/components/Form/Form.js @@ -3,8 +3,6 @@ import style from './Form.module.css'; import { fetchForm } from '../../server/server'; import arrow from '../../images/right-arrow.png'; import { useHistory } from 'react-router-dom'; -import { selectPath } from '../../redux/outstaffingSlice'; -import { useSelector } from 'react-redux'; const Form = () => { const [data, setData] = useState({ @@ -14,16 +12,19 @@ const Form = () => { }); const history = useHistory(); - const prevPath = useSelector(selectPath); const handleChange = (e) => { - const newData = { ...data }; - newData[e.target.id] = e.target.value; - setData(newData); + const { id, value } = e.target; + + setData((prev) => ({ + ...prev, + [id]: value, + })); }; const handleSubmit = (e) => { e.preventDefault(); + console.log('submitData', data); const formData = new FormData(); formData.append('email', data.email); @@ -33,11 +34,17 @@ const Form = () => { fetchForm('https://guild.craft-group.xyz/api/profile/add-to-interview', formData); }; + const goBack = () => { + history.goBack(); + }; + + console.log('data', data); + return (
-
history.replace(prevPath)}> +
goBack()}>
diff --git a/src/components/Sidebar/Sidebar.js b/src/components/Sidebar/Sidebar.js index 851017dd..85ee810d 100644 --- a/src/components/Sidebar/Sidebar.js +++ b/src/components/Sidebar/Sidebar.js @@ -2,21 +2,15 @@ import React from 'react'; import { Link } from 'react-router-dom'; import dogBig from '../../images/dog.jpg'; import style from './Sidebar.module.css'; -import { useHistory } from 'react-router-dom'; -import { path } from '../../redux/outstaffingSlice'; -import { useDispatch } from 'react-redux'; const Sidebar = () => { - const history = useHistory(); - const dispatch = useDispatch(); - return (

Опыт работы

4+ лет

- dispatch(path(history.location.pathname))}> +
diff --git a/src/redux/outstaffingSlice.js b/src/redux/outstaffingSlice.js index 26cb33e0..09de6405 100644 --- a/src/redux/outstaffingSlice.js +++ b/src/redux/outstaffingSlice.js @@ -7,7 +7,6 @@ const initialState = { selectedItems: [], currentCandidate: {}, auth: true, - path: '', }; export const outstaffingSlice = createSlice({ @@ -32,14 +31,10 @@ export const outstaffingSlice = createSlice({ auth: (state, action) => { state.auth = action.payload; }, - path: (state, action) => { - state.path = action.payload; - }, }, }); -export const { tags, profiles, selectedItems, auth, currentCandidate, filteredCandidates, path } = - outstaffingSlice.actions; +export const { tags, profiles, selectedItems, auth, currentCandidate, filteredCandidates } = outstaffingSlice.actions; export const selectProfiles = (state) => state.outstaffing.profiles; export const selectTags = (state) => state.outstaffing.tags; @@ -47,6 +42,5 @@ export const selectFilteredCandidates = (state) => state.outstaffing.filteredCan export const selectItems = (state) => state.outstaffing.selectedItems; export const selectCurrentCandidate = (state) => state.outstaffing.currentCandidate; export const selectAuth = (state) => state.outstaffing.auth; -export const selectPath = (state) => state.outstaffing.path; export default outstaffingSlice.reducer;