Fix : Preferences

client/src/store/users/users.actions.js

@@ -4,12 +4,21 @@ import t from 'store/types';
 export const fetchUsers = () => {
   return (dispatch) =>
     new Promise((resolve, reject) => {
+      dispatch({
+        type: t.USERS_TABLE_LOADING,
+        payload: { loading: true },
+      });
+
       ApiService.get(`users`)
         .then((response) => {
           dispatch({
             type: t.USERS_LIST_SET,
             users: response.data.users,
           });
+          dispatch({
+            type: t.USERS_TABLE_LOADING,
+            payload: { loading: false },
+          });
           resolve(response);
         })
         .catch((error) => {

client/src/store/users/users.reducer.js

@@ -2,10 +2,9 @@ import { createReducer } from '@reduxjs/toolkit';
 import t from 'store/types';
 
 const initialState = {
-  list: {
-    results: [],
-  },
+  list: {},
   userById: {},
+  loading: false,
 };
 
 export default createReducer(initialState, {
@@ -16,6 +15,11 @@ export default createReducer(initialState, {
   [t.USER_DETAILS_SET]: (state, action) => {
     state.userById[action.user.id] = action.user;
   },
+
+  [t.USERS_TABLE_LOADING]: (state, action) => {
+    const { loading } = action.payload;
+    state.loading = !!loading;
+  },
 });
 
 /**

client/src/store/users/users.types.js

@@ -1,5 +1,5 @@
-
 export default {
   USERS_LIST_SET: 'USERS_LIST_SET',
+  USERS_TABLE_LOADING: 'USERS_TABLE_LOADING',
   USER_DETAILS_SET: 'USER_DETAILS_SET',
-};
+};