Fix authentication woes

The common.js file was being loaded and setting the default headers to
use a Bearer token of null for all future requests (if a token did not
exist in localStorage).

src/actions/account-actions.js

@@ -1,5 +1,5 @@
 import axios from 'axios';
-import './common';
+import './jwt';
 import {
   CREATE_SESSION,
   NETWORK_ERROR,
@@ -12,12 +12,11 @@ import {
 } from './action-types';
 
 export const createSession = (googleOauthJWT) => {
+  window.localStorage.setItem('auth_token', googleOauthJWT);
   const sessionUrl = '/session';
-  const authHeaders = { Authorization: `Bearer ${googleOauthJWT}` };
   const requestConfig = {
     method: 'post',
     url: sessionUrl,
-    headers: authHeaders,
   };
 
   return (dispatch) => {

src/actions/challenge-actions.js

@@ -1,5 +1,5 @@
 import axios from 'axios';
-import './common';
+import './jwt';
 import {
   FETCH_CHALLENGES,
   FETCH_REPOS,

src/actions/common.js

@@ -1,5 +1,3 @@
 import axios from 'axios';
 
-const jwt = window.localStorage.getItem('auth_token');
-axios.defaults.headers.common.Authorization = `Bearer ${jwt}`;
 axios.defaults.baseURL = process.env.REACT_APP_API_URL;

src/actions/jwt.js

@@ -0,0 +1,12 @@
+import axios from 'axios';
+import './common';
+
+axios.interceptors.request.use((config) => {
+  const token = window.localStorage.getItem('auth_token');
+
+  if (token != null) {
+    config.headers.Authorization = `Bearer ${token}`; // eslint-disable-line
+  }
+
+  return config;
+}, err => (Promise.reject(err)));

src/actions/leaderboard-actions.js

@@ -1,5 +1,5 @@
 import axios from 'axios';
-import './common';
+import './jwt';
 import {
   FETCH_LEADERBOARD,
   NETWORK_ERROR,