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

position_id filter, favicon, description

Browse Source
This commit is contained in:
kurpfish
2021-08-12 12:40:47 +03:00
parent 9195969411
commit 1fb18ada8e
8 changed files with 28 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/components/Outstaffing/Outstaffing.js
View File

@ -31,6 +31,7 @@ const Outstaffing = () => {
dataTags={tagsArr && tagsArr.flat().filter((tag) => tag.name === 'skills_front')}
img={front}
header="Фронтенд"
positionId='2'
/>
</div>
<div className="col-12 col-xl-4">
@ -38,6 +39,7 @@ const Outstaffing = () => {
dataTags={tagsArr.flat().filter((tag) => tag.name === 'skills_back')}
img={back}
header="Бэкенд"
positionId='1'
/>
</div>
<div className="col-12 col-xl-4">
@ -45,6 +47,7 @@ const Outstaffing = () => {
dataTags={tagsArr.flat().filter((tag) => tag.name === 'skills_design')}
img={design}
header="Дизайн"
positionId='5'
/>
</div>
</div>

15
src/components/Outstaffing/OutstaffingBlock.js
View File

@ -1,9 +1,18 @@
import React from 'react';
import { useDispatch, useSelector } from 'react-redux';
import { selectItems, selectedItems } from '../../redux/outstaffingSlice';
import { selectItems, selectedItems, filteredCandidates } from '../../redux/outstaffingSlice';
import { fetchItemsForId } from '../../server/server';
import style from './Outstaffing.module.css';
const OutstaffingBlock = ({ dataTags = [], selected, img, header }) => {
const handlePositionClick = ({dispatch, positionId}) => {
fetchItemsForId(`${process.env.REACT_APP_API_URL}/api/profile?position_id=`, positionId).then((el) =>
dispatch(filteredCandidates(el))
);
};
const OutstaffingBlock = ({ dataTags = [], selected, img, header, positionId }) => {
console.log('p', positionId)
const dispatch = useDispatch();
const itemsArr = useSelector(selectItems);
@ -28,7 +37,7 @@ const OutstaffingBlock = ({ dataTags = [], selected, img, header }) => {
return (
<div className={style.outstaffing__box}>
<div className={`${style.outstaffing__box__img} ${selected ? style.border : null}`}>
<div className={`${style.outstaffing__box__img} ${selected ? style.border : ''}`} onClick={()=>handlePositionClick({dispatch, positionId})}>
<h3>{header}</h3>
<img className={classes} src={img} alt="img" />
</div>