redux authorization header middleware

authorization-middleware.js

import axios from 'axios'

export default ({ getState }) => next => action => {
	const prevToken = getState().auth.access_token

	// if authorization header is null and we have token, set it for the next action
	if (!axios.defaults.headers['Authorization'] && prevToken) {
		axios.defaults.headers['Authorization'] = `Bearer ${prevToken}`
	}

	const result = next(action)
	const currentToken = getState().auth.access_token

	// if the token is changed or set, set it to axios headers.
	if (
		prevToken !== currentToken ||
		currentToken !== axios.defaults.headers['Authorization']
	) {
		currentToken
			? (axios.defaults.headers['Authorization'] = `Bearer ${currentToken}`)
			: delete axios.defaults.headers['Authorization']
	}

	return result
}