spec and years of exp front

src/components/Auth/AuthForDevelopers.module.css

@@ -182,7 +182,7 @@
   background-color: #ffffff;
   border: 2px solid #6aaf5c;
   font-family: 'Muller';
-  font-size: 2em;
+  font-size: 1.8em;
   letter-spacing: normal;
   line-height: 71.88px;
   text-align: center;

src/components/Auth/AuthForPartners.module.css

@@ -179,7 +179,7 @@
   background-color: #ffffff;
   border: 2px solid #6aaf5c;
   font-family: 'Muller';
-  font-size: 2em;
+  font-size: 1.8em;
   letter-spacing: normal;
   line-height: 71.88px;
   text-align: center;

src/components/Candidate/Candidate.js

@@ -102,7 +102,7 @@ const Candidate = () => {
         <div className={style.candidate__main}>
           <div className="row">
             <div className="col-12 col-xl-4">
-              <Sidebar />
+              <Sidebar candidate={currentCandidateObj}  />
             </div>
             <div className="col-12 col-xl-8">
               <div className={style.candidate__main__description}>

src/components/Description/Description.js

@@ -18,8 +18,6 @@ const Description = ({ onLoadMore }) => {
     fetchProfile(`${process.env.REACT_APP_API_URL}/api/profile?limit=`, 1000).then((p) => getAllCandidates(p));
   }, []);
 
-  console.log('render',filteredListArr, itemsArr)
-
   if(!filteredListArr) {
     return (
       <section className={style.description}>
@@ -33,7 +31,7 @@ const Description = ({ onLoadMore }) => {
                 </div>
                 <div className="col-12 col-xl-6">
                   <h3 className={style.description__title}>
-                    {SKILLS[el.position_id]}, {LEVELS[el.level]}
+                    {el.specification} {SKILLS[el.position_id]}, {LEVELS[el.level]}
                   </h3>
 
                   {el.vc_text_short ? (
@@ -80,7 +78,7 @@ const Description = ({ onLoadMore }) => {
                   </div>
                   <div className="col-12 col-xl-6">
                     <h3 className={style.description__title}>
-                      {SKILLS[el.position_id]}, {LEVELS[el.level]}
+                      {el.specification} {SKILLS[el.position_id]}, {LEVELS[el.level]}
                     </h3>
 
                     {el.vc_text_short ? (

src/components/Sidebar/Sidebar.js

@@ -3,13 +3,27 @@ import { Link } from 'react-router-dom';
 import maleBig from '../../images/medium_male_big.png';
 import style from './Sidebar.module.css';
 
-const Sidebar = () => {
+const getYearsString = (years) => {
+  let yearsString = 'года';
+  if (years%10 === 1) {
+    yearsString = 'год';
+  } else if (years === 11 || years === 12 || years === 13 || years === 14) {
+    yearsString = 'лет';
+  } else if (years%10 === 2 || years%10 === 3 || years%10 === 4) {
+    yearsString = 'года';
+  }
+  return `${years} ${yearsString}`;
+}
+
+const Sidebar = ({ candidate }) => {
   return (
     <div className={style.candidateSidebar}>
       <div className={style.candidateSidebar__info}>
         <img src={maleBig} alt="" />
-        <p className={style.candidateSidebar__info__e}>Опыт работы</p>
+        { candidate && candidate.years_of_exp && <>
-        <p className={style.candidateSidebar__info__y}>4+ лет</p>
+          <p className={style.candidateSidebar__info__e}>Опыт работы</p>
+          <p className={style.candidateSidebar__info__y}>{getYearsString(candidate.years_of_exp)}</p>
+        </> }
         <Link to={`/form`}>
           <button className={style.candidateSidebar__info__btn}>Выбрать к собеседованию</button>
         </Link>