Gist for Reusable API Utilities for GET, PATCH, POST, and DELETE calls.

apiUtilities.jsx

/**
 * GENERAL NOTES
 * @author TalkRise <[email protected]>
 */


// Module imports
import axios from 'axios';


// Custom imports
import store from '../store/configureStore';


export const BASE_HEADERS = {
  Accept: 'application/json',
  'Content-Type': 'application/json',
};


export const getHeaders = () => {
  const headers = BASE_HEADERS;

  const accessToken = store.getState().auth.access_token;
  if (accessToken) {
    headers.Authorization = accessToken;
  }

  return { headers };
};


export const BASE_URL = process.env.API_BASE;


const baseError = {
  name: 'BaseError',
  message: 'Something went wrong. Please refresh and try again.',
  status: 500,
};

export const axiosInstance = axios.create({
  baseURL: BASE_URL,
  timeout: 4000,
});


export const handleError = (e) => {
  const error = e && e.response ?
    e.response.data :
    baseError;
  const message = error.message || 'Something went wrong. Please refresh your page.';
  alert(message); // eslint-disable-line no-alert
  throw error;
};

export const get = path =>
  axiosInstance.get(path, getHeaders())
    .then(response => response.data)
    .catch(handleError);


export const post = (path, data) =>
    axiosInstance.post(path, data, getHeaders())
      .then(response => response.data)
      .catch(handleError);


export const patch = (path, data) =>
  axiosInstance.patch(path, data, getHeaders())
    .then(response => response.data)
    .catch(handleError);


export const del = path =>
  axiosInstance.delete(path, getHeaders())
    .then(response => response.data)
    .catch(handleError);