refactoring code

src/assets/styles/components/_candidatesPage.scss

@@ -43,6 +43,10 @@
   margin-bottom: 36px;
 }
 
+.proba{
+  margin-top: 64px;
+}
+
 .candidates-options-container {
   display: flex;
 }
@@ -124,15 +128,15 @@
   margin-left: 5px;
 }
 
-.proba {
+.top-cnd {
   margin-top: 39px;
 }
 
-.proba > div:not(:first-child) {
+.top-cnd > div:not(:first-child) {
   margin-top: 79px;
 }
 
-.proba2 {
+.left-move-candidateAd {
   margin-left: 27px;
 }
 

src/pages/CandidateDetailsPage/CandidateDetailsPage.js

@@ -332,7 +332,7 @@ const CandidateDetailsPage = ({history}) => {
                 add={add}
                 key={index}
                 onclick={() => navigateToDetailsPage(add.id)}
-                className={index === 0 ? "" : "proba2"}
+                className={index === 0 ? "" : "left-move-candidateAd"}
               />
             ))}
             {candidate.ads.length <= 5 && getDummyAds(candidate.ads.length)}

src/pages/CandidatesPage/CandidatesPage.js

@@ -278,7 +278,7 @@ const CandidatesPage = ({ history }) => {
           />
         </div>
       ) : (
-        <div className="ads-candidates-container proba">
+        <div className="ads-candidates-container top-cnd">
           {adsCandidates.map((adCandidates, index) => (
             <div className="ads-candidates" key={index}>
               <div className="ads-candidates-top-container">
@@ -312,7 +312,7 @@ const CandidatesPage = ({ history }) => {
                       key={index}
                       candidate={candidate}
                       history={history}
-                      className={index === 0 ? "" : "proba2"}
+                      className={index === 0 ? "" : "left-move-candidateAd"}
                     />
                   ))}
                   {adCandidates.applicants.length <= 4 &&
@@ -323,7 +323,7 @@ const CandidatesPage = ({ history }) => {
           ))}
         </div>
       )}
-      <IconButton className="c-btn  candidate-btn invite-btn invite-btn-color">
+      <IconButton className={'c-btn  candidate-btn invite-btn invite-btn-color ' + (isTableView === false ? 'proba' : '')}>
         <img src={planeImage} alt="table" className="candidates-image" />
         Invite
       </IconButton>

src/store/reducers/candidates/candidatesReducer.js

@@ -24,12 +24,10 @@ export default createReducer(
 );
 
 function filterCandidates(state, action) {
-  let m = action.payload;
-  let t = m.pop();
   return {
     ...state,
-    candidates: m,
-    pagination: t,
+    candidates: action.payload.items,
+    pagination: action.payload.total,
   };
 }
 

src/store/saga/candidatesSaga.js

@@ -41,10 +41,7 @@ export function* filterCandidates({ payload }) {
   try {
     const JwtToken = yield call(authScopeStringGetHelper, JWT_TOKEN);
     yield call(addHeaderToken, JwtToken);
-    const response = yield call(getFilteredCandidates,payload);
-    let data = response.data;
-    const pagination = response.headers.pagination;
-    data.push(pagination)
+    const {data} = yield call(getFilteredCandidates,payload);
     yield put(filterCandidatesSuccess(data));
     if(payload.handleApiResponseSuccess){
       yield call(payload.handleApiResponseSuccess)