src/assets/styles/components/_selectionProcessPage.scss

@@ -23,6 +23,14 @@
   padding-bottom: 100px;
 }
 
+.fixed-right{
+  text-align: right;
+  margin-left: auto;
+  position: absolute;
+  right: 100px;
+  top:123px;
+}
+
 .level-header-subheader {
   font-family: 'Source Sans Pro';
   font-style: normal;

src/pages/SelectionProcessPage/SelectionProcessPage.js

@@ -68,20 +68,22 @@ const SelectionProcessPage = ({history}) => {
               {t("selection.subtitle")} 
                 </span>
                 </h1>
+          </div>
+          <div>
             <IconButton
               sx={{ marginLeft: "15px" }}
-              className="c-btn c-btn--primary-outlined"
+              className="c-btn c-btn--primary-outlined fixed-right"
               onClick={handleToggleFiltersDrawer}
             >
               Filteri{" "}
               <img src={filterVector} alt="filter" className="filter-vector" />
             </IconButton>
-          </div>
           <div className="selection-levels-processes">
             <div className="selection-levels-processes-process">
               {renderList}
             </div>
           </div>
+          </div>
         </div>
       </div>
     </>

src/store/saga/processSaga.js

@@ -1,12 +1,17 @@
 import { all, call, put, takeLatest } from "redux-saga/effects";
 import { getAllLevels, doneProcess, getProcessesOfApplicant } from "../../request/processesReguest";
 import { setProcesses, setProcessesError } from "../actions/processes/processesAction";
+import { addHeaderToken } from "../../request";
+import { authScopeStringGetHelper } from "../../util/helpers/authScopeHelpers";
+import { JWT_TOKEN } from "../../constants/localStorage";
 import { setDoneProcess, setDoneProcessError } from "../actions/processes/processAction";
 import { setApplicant, setApplicantError } from "../actions/processes/applicantAction";
 import { FETCH_PROCESSES_REQ, PUT_PROCESS_REQ, FETCH_APPLICANT_PROCESSES_REQ } from "../actions/processes/processesActionConstants";
 
 export function* getProcesses() {
   try {
+    const JwtToken = yield call(authScopeStringGetHelper, JWT_TOKEN);
+    yield call(addHeaderToken, JwtToken);
     const result = yield call(getAllLevels);
     yield put(setProcesses(result.data));
   } catch (error) {
@@ -16,6 +21,8 @@ export function* getProcesses() {
 
 export function* finishProcess(payload) {
   try {
+    const JwtToken = yield call(authScopeStringGetHelper, JWT_TOKEN);
+    yield call(addHeaderToken, JwtToken);
     const model = payload.payload;
     const result = yield call(doneProcess,model);
     yield put(setDoneProcess(result.data));
@@ -26,6 +33,8 @@ export function* finishProcess(payload) {
 
 export function* getApplicantProcesses(payload) {
   try {
+    const JwtToken = yield call(authScopeStringGetHelper, JWT_TOKEN);
+    yield call(addHeaderToken, JwtToken);
     const id = payload.payload;
     const {data} = yield call(getProcessesOfApplicant,id);
     yield put(setApplicant(data));