Actions on Redux

Actions.js

/* eslint-disable import/prefer-default-export */
import Axios from 'axios';
import {
  ADD_USER,
  GET_USERS,
  GET_USERS_LOADING,
  GET_USERS_ERROR,
  DELETE_USER,
  CHANGE_MODAL,
  EDIT_FORM,
  UPDATE_USER,
} from './actionTypes';

export const addUser = (obj) => async (dispatch) => {
  try {
    await Axios.post(
      process.env.REACT_APP_HOST + '/users', obj,
    );
    dispatch({
      type: ADD_USER,
      payload: obj,
    });
  } catch (err) {
    dispatch({ type: GET_USERS_ERROR, payload: err });
    console.log(`Error: ${err}`);
  }
};

export const getUsers = () => async (dispatch) => {
  // dispatch({ type: GET_USERS_LOADING });
  try {
    const userData = await Axios.get(
      process.env.REACT_APP_HOST + '/users',
    );
    console.log('USERDATA', userData);
    dispatch({
      type: GET_USERS,
      payload: userData,
    });
  } catch (err) {
    dispatch({ type: GET_USERS_ERROR, payload: err });
    console.log(`Error: ${err}`);
  }
};

export const getUsersLoading = () => ({
  type: GET_USERS_LOADING,
});

export const deleteUser = (id, obj) => async (dispatch) => {
  try {
    await Axios.delete(
      process.env.REACT_APP_HOST + `/users/${id}`,
    );
    dispatch({
      type: DELETE_USER,
      payload: obj,
    });
  } catch (err) {
    dispatch({ type: GET_USERS_ERROR, payload: err });
    console.log(`Error: ${err}`);
  }
};

export const openOrCloseModal = (bool) => ({
  type: CHANGE_MODAL,
  payload: bool,
});

export const updateUser = (item) => ({
  type: UPDATE_USER,
  payload: item,
});

export const editUser = (item) => ({
  type: EDIT_FORM,
  payload: item,
});