Include token into authorization header

src/actions/auth.js

@@ -1,5 +1,6 @@
 import { USER_LOGGED_IN, USER_LOGGED_OUT } from "../types";
 import api from "../api";
+import setAuthorizationHeader from "../utils/setAuthorizationHeader";
 
 export const userLoggedIn = user => ({
   type: USER_LOGGED_IN,
@@ -13,11 +14,13 @@ export const userLoggedOut = () => ({
 export const login = credentials => dispatch =>
   api.user.login(credentials).then(user => {
     localStorage.bookwormJWT = user.token;
+    setAuthorizationHeader(user.token);
     dispatch(userLoggedIn(user));
   });
 
 export const logout = () => dispatch => {
   localStorage.removeItem("bookwormJWT");
+  setAuthorizationHeader();
   dispatch(userLoggedOut());
 };
 

src/index.js

@@ -11,6 +11,7 @@ import App from "./App";
 import registerServiceWorker from "./registerServiceWorker";
 import rootReducer from "./rootReducer";
 import { userLoggedIn } from "./actions/auth";
+import setAuthorizationHeader from "./utils/setAuthorizationHeader";
 
 const store = createStore(
   rootReducer,
@@ -24,6 +25,7 @@ if (localStorage.bookwormJWT) {
     email: payload.email,
     confirmed: payload.confirmed
   };
+  setAuthorizationHeader(localStorage.bookwormJWT);
   store.dispatch(userLoggedIn(user));
 }
 

src/utils/setAuthorizationHeader.js

@@ -0,0 +1,9 @@
+import axios from "axios";
+
+export default (token = null) => {
+  if (token) {
+    axios.defaults.headers.common.authorization = `Bearer ${token}`;
+  } else {
+    delete axios.defaults.headers.common.authorization;
+  }
+};