fixed code

src/components/Outstaffing/Outstaffing.js

@@ -4,6 +4,9 @@ import style from './Outstaffing.module.css';
 import OutstaffingBlock from './OutstaffingBlock';
 import TagSelect from '../Select/TagSelect';
 import { selectTags, selectTab, selectCandidates } from '../../redux/outstaffingSlice';
+import front from '../../images/front_end.png';
+import back from '../../images/back_end.png';
+import design from '../../images/design.png';
 
 const Outstaffing = () => {
   const tagsArr = useSelector(selectTags);
@@ -30,6 +33,8 @@ const Outstaffing = () => {
                 data={candidatesArr.find((item) => item.skillsName === 'Frontend')}
                 dataTags={tagsArr.flat().filter((tag) => tag.name === 'skills_front')}
                 selected={selected === 'Frontend'}
+                img={front}
+                header="Фронтенд"
               />
             </div>
             <div className="col-12 col-xl-4">
@@ -37,6 +42,8 @@ const Outstaffing = () => {
                 data={candidatesArr.find((item) => item.skillsName === 'Backend')}
                 dataTags={tagsArr.flat().filter((tag) => tag.name === 'skills_back')}
                 selected={selected === 'Backend'}
+                img={back}
+                header="Бэкенд"
               />
             </div>
             <div className="col-12 col-xl-4">
@@ -44,6 +51,8 @@ const Outstaffing = () => {
                 data={candidatesArr.find((item) => item.skillsName === 'Marketer')}
                 dataTags={tagsArr.flat().filter((tag) => tag.name === 'skills_design')}
                 selected={selected === 'Marketer'}
+                img={design}
+                header="Маркетинг"
               />
             </div>
           </div>

src/components/Outstaffing/OutstaffingBlock.js

@@ -3,12 +3,12 @@ import { useDispatch, useSelector } from 'react-redux';
 import { selectedTab, selectItems, selectedItems } from '../../redux/outstaffingSlice';
 import style from './Outstaffing.module.css';
 
-const OutstaffingBlock = ({ dataTags = [], data = {}, selected }) => {
+const OutstaffingBlock = ({ dataTags = [], data = {}, selected, img, header }) => {
   const dispatch = useDispatch();
 
   const itemsArr = useSelector(selectItems);
 
-  const { header, img, skillsName } = data;
+  const { skillsName } = data;
 
   const handleBlockClick = (item) => {
     if (!itemsArr.find((el) => item === el.value)) {