Handle status change in trainee reducer

src/actions/statistics.js

@@ -8,7 +8,8 @@ import {
   ADD_EVENT,
   DELETE_EVENT,
   GET_PROFILES,
-  GET_SELECTED_PROFILE
+  GET_SELECTED_PROFILE,
+  SET_STATUS,
 } from './types';
 
 export const getEvents = () => (
@@ -143,6 +144,10 @@ export const setStatus = (id, status) => (
         role: status,
       });
       if (response.data.id) {
+        dispatch({
+          type: SET_STATUS,
+          payload: response.data,
+        });
       }
     } catch (e) {
       console.log(e);

src/actions/types.js

@@ -27,5 +27,5 @@ export const CLEAR_NOTE = 'clear_note';
 export const ADD_EVENT_NOTE = 'add_note';
 
 export const GET_PROFILES = 'get_profiles';
-export const SET_STAFF = 'set_staff';
+export const SET_STATUS = 'set_status';
 export const GET_SELECTED_PROFILE = 'get_selected_profile';

src/components/pages/Applications.js

@@ -72,7 +72,7 @@ class Applications extends Component {
           <Table.Header>
             <Table.Row>
               <Table.HeaderCell>Jelentkezettek</Table.HeaderCell>
-              <Table.HeaderCell>Jelentkezés elfogadva:</Table.HeaderCell>
+              <Table.HeaderCell textAlign='center'>Jelentkezés státusza:</Table.HeaderCell>
               <Table.HeaderCell />
             </Table.Row>
           </Table.Header>

src/reducers/TraineeReducer.js

-import { GET_TRAINEES, GET_PROFILES, GET_SELECTED_PROFILE } from '../actions/types';
+import { GET_TRAINEES, GET_PROFILES, GET_SELECTED_PROFILE, SET_STATUS } from '../actions/types';
 
 const INITIAL_STATE = { profiles: [], selectedProfile: {} };
 
@@ -10,6 +10,13 @@ export default (state = INITIAL_STATE, action) => {
       return { ...state, profiles: [...action.payload] };
     case GET_SELECTED_PROFILE:
       return { ...state, selectedProfile: action.payload };
+    case SET_STATUS:
+      const index = state.profiles.findIndex(item => item.id === action.payload.id);
+      state.profiles.splice(index, 1, action.payload);
+      if (action.payload.id === state.selectedProfile.id) {
+        return { ...state, selectedProfile: action.payload };
+      }
+      return { ...state, profiles: [...state.profiles] }
     default:
       return state;
   }