add documents

src/components/CandidateSidebar/CandidateSidebar.js

@@ -1,4 +1,5 @@
 import React from 'react'
+import { useSelector } from 'react-redux'
 import { Link } from 'react-router-dom'
 import { Achievement } from '../Achievement/Achievement'
 
@@ -7,6 +8,9 @@ import { LEVELS, SKILLS } from '../constants/constants'
 import maleBig from '../../images/medium_male_big.png'
 import './candidateSidebar.scss'
 
+import { selectUserInfo } from '../../redux/outstaffingSlice'
+import { isRejected } from '@reduxjs/toolkit'
+
 const getYearsString = (years) => {
   let yearsString
   if (years % 10 === 1) {
@@ -22,6 +26,7 @@ const getYearsString = (years) => {
 }
 
 const CandidateSidebar = ({ candidate, position }) => {
+  const userId = localStorage.getItem('id') 
   return (
     <div className='candidate-sidebar'>
       <div className='candidate-sidebar__info'>
@@ -45,16 +50,16 @@ const CandidateSidebar = ({ candidate, position }) => {
             Выбрать к собеседованию
           </button>
         </Link>
-        <Link to={`/${candidate.id}/calendar`}>
+        {userId && candidate.id === userId && (<Link to={`/${candidate.id}/calendar`}>
           <button className='candidate-sidebar__select'>
             Отчёты
           </button>
-        </Link>
+        </Link>)}
         <div className='candidate-sidebar__achievements'>
           {candidate &&
             candidate.achievements &&
-            candidate.achievements.map((item) => {
-              return <Achievement achievement={item.achievement} />
+            candidate.achievements.map((item, index) => {
+              return <Achievement achievement={item.achievement} key={index}/>
             })}
         </div>
       </div>