diff --git a/src/components/Description/Description.js b/src/components/Description/Description.js index a8458d8c..1bedd6ab 100644 --- a/src/components/Description/Description.js +++ b/src/components/Description/Description.js @@ -1,143 +1,115 @@ -import React from 'react' -import {useSelector} from 'react-redux' -import {Link} from 'react-router-dom' +import React from "react"; +import { useSelector } from "react-redux"; +import { Link } from "react-router-dom"; import ErrorBoundary from "../../hoc/ErrorBoundary"; -import {LEVELS, SKILLS} from '../../constants/constants' -import {selectProfiles} from '../../redux/outstaffingSlice' +import { LEVELS, SKILLS } from "../../constants/constants"; +import { selectProfiles } from "../../redux/outstaffingSlice"; -import {urlForLocal} from '../../helper' +import { urlForLocal } from "../../helper"; -import male from '../../images/medium_male.png' -import rectangle from '../../images/rectangle_secondPage.png' +import male from "../../images/medium_male.png"; +import rectangle from "../../images/rectangle_secondPage.png"; +import cursorImg from "../../images/cursorImg.png"; -import './description.scss' +import "./description.scss"; - -const Description = ({onLoadMore, isLoadingMore}) => { - - const candidatesListArr = useSelector(selectProfiles); +const Description = ({ onLoadMore, isLoadingMore }) => { + // const candidatesListArr = useSelector(selectProfiles); + const candidatesListArr = []; return ( -
-
-
- - {candidatesListArr && Array.isArray(candidatesListArr) && candidatesListArr.length > 0 - ? candidatesListArr.map((el) => ( -
-
- {el.photo && } -
-
-

- - {' '} - {el.specification} {SKILLS[el.position_id]},{' '} - {LEVELS[el.level]}{' '} - -

+
+
+
+ + {candidatesListArr && + Array.isArray(candidatesListArr) && + candidatesListArr.length > 0 ? ( + candidatesListArr.map((el) => ( +
+
+ {el.photo && ( + + )} +
+
+

+ + {" "} + {el.specification} {SKILLS[el.position_id]},{" "} + {LEVELS[el.level]}{" "} + +

- {el.vc_text_short ? ( -
- {el.vc_text_short} -
- ) : ( -

- Описание отсутствует... -

- )} -
-
- - - -
-
-
-
    - {Array.isArray(el?.skillValues) && el.skillValues?.map((e) => ( -
  • - {e.skill.name} -
  • - ))} -
- -
-
+ {el.vc_text_short ? ( +
+ {el.vc_text_short}
- )) - : /* :
В данный момент в категории нет свободных специалистов
} */ - candidatesListArr && Array.isArray(candidatesListArr) && - candidatesListArr.map((el) => ( -
-
- -
-
-

- {SKILLS[el.position_id]}, {LEVELS[el.level]} -

- - {el.vc_text_short ? ( -
- {el.vc_text_short} -
- ) : ( -

- Описание отсутствует... -

- )} -
-
- - - -
-
-
-
    - {Array.isArray(el?.skillValues) && el.skillValues?.map((e) => ( -
  • - {e.skill.name} -
  • - ))} -
- -
-
-
- ))} - -
- -
-
-
-
- {candidatesListArr && ( - - )} + ) : ( +

+ Описание отсутствует... +

+ )} +
+
+ + + +
+
+
+
    + {Array.isArray(el?.skillValues) && + el.skillValues?.map((e) => ( +
  • + {e.skill.name} +
  • + ))} +
+ +
+
+ )) + ) : ( +
+ + +

+ В данный момент нет свободных специалистов в + данной категории +

+
+ )} + +
+ +
+
+
+
+ {candidatesListArr && ( + + )}
-
- ) +
+
+ ); }; -export default Description +export default Description; diff --git a/src/components/Description/description.scss b/src/components/Description/description.scss index 1bb5e1d3..190f7b28 100644 --- a/src/components/Description/description.scss +++ b/src/components/Description/description.scss @@ -3,7 +3,7 @@ margin-bottom: 120px; &__title { - font-family: 'GT Eesti Pro Display'; + font-family: "GT Eesti Pro Display"; font-size: 2.6em; font-weight: 700; font-style: normal; @@ -18,13 +18,24 @@ } &__empty { - font-family: 'GT Eesti Pro Display'; - font-size: 2.4em; - font-weight: 500; + font-family: "LabGrotesque", sans-serif; font-style: normal; - letter-spacing: normal; - line-height: normal; + font-weight: 700; + font-size: 16px; + line-height: 32px; text-align: center; + + display: flex; + align-items: center; + justify-content: center; + + span { + color: #406128; + } + + img { + margin-right: 30px; + } } &____wrapper { @@ -43,7 +54,7 @@ } &__text { - font-family: 'GT Eesti Pro Display'; + font-family: "GT Eesti Pro Display"; font-size: 1.6em; font-weight: 100; font-style: normal; @@ -54,7 +65,7 @@ word-wrap: break-word; &-secondary { - font-family: 'GT Eesti Pro Display'; + font-family: "GT Eesti Pro Display"; font-size: 1.7em; font-weight: 100; font-style: normal; @@ -72,7 +83,7 @@ background-color: #73c141; border: none; color: #ffffff; - font-family: 'Muller'; + font-family: "Muller"; font-weight: bold; font-size: 1.6em; line-height: normal; @@ -95,7 +106,7 @@ flex-wrap: wrap; &-item { - font-family: 'GT Eesti Pro Display'; + font-family: "GT Eesti Pro Display"; font-size: 1.7em; font-weight: 400; font-style: normal; @@ -126,7 +137,7 @@ background-color: white; margin-right: 60px; color: #a0a0a0; - font-family: 'GT Eesti Pro Display'; + font-family: "GT Eesti Pro Display"; font-size: 1.8em; font-weight: 400; font-style: normal;