Fixed auth token header, Moved dispatch out of constructors

src/api/baseApi.js

@@ -10,43 +10,45 @@ const localStorage = global.process && process.env.NODE_ENV === "test"
 
 function headers() {
   const token = localStorage.getItem("userToken") || "";
-
-  return {
+  let header = {
     Accept: "application/json",
-    "Content-Type": "application/json",
-    Authorization: `Token ${token}`
+    "Content-Type": "application/json"
   };
+  if (token) {
+    header["Authorization"] = `Token ${token}`;
+  }
+  return header;
 }
 
 const apiInstance = axios.create({
   baseURL: API_ENDPOINT,
-  timeout: 3000,
+  timeout: 3000
 });
 
 export function get(url, params = {}) {
   return apiInstance
-    .get(url, {params, headers: headers()})
+    .get(url, { params, headers: headers() })
     .then(response => response.data)
     .catch(error => Promise.reject(error));
 }
 
 export function post(url, data) {
   return apiInstance
-    .post(url, data, {headers: headers()})
+    .post(url, data, { headers: headers() })
     .then(response => response.data)
     .catch(error => Promise.reject(error));
 }
 
 export function patch(url, data) {
   return apiInstance
-    .patch(url, data, {headers: headers()})
+    .patch(url, data, { headers: headers() })
     .then(response => response.data)
     .catch(error => Promise.reject(error));
 }
 
 export function del(url) {
   return apiInstance
-    .delete(url, {headers: headers()})
+    .delete(url, { headers: headers() })
     .then(response => response.data)
     .catch(error => Promise.reject(error));
 }

src/components/Auth/Login.jsx

@@ -13,8 +13,7 @@ import { sendLoginRequest } from "../../actions/auth/saga.actions";
 import Error from "../Shared/Error";
 
 class Login extends Component {
-  constructor(props) {
-    super(props);
+  componentWillMount() {
     this.props.dispatch(clearAuthRequestError());
     this.props.dispatch(clearAuthRequestSuccess());
   }

src/components/Auth/Register.jsx

@@ -14,8 +14,7 @@ import { sendRegisterRequest } from "../../actions/auth/saga.actions";
 import Error from "../Shared/Error";
 
 class Register extends Component {
-  constructor(props) {
-    super(props);
+  componentWillMount() {
     this.props.dispatch(clearAuthRequestError());
     this.props.dispatch(clearAuthRequestSuccess());
   }

src/components/Auth/Settings.jsx

@@ -13,8 +13,7 @@ import { sendChangePasswordRequest } from "../../actions/auth/saga.actions";
 import Error from "../Shared/Error";
 
 class Settings extends Component {
-  constructor(props) {
-    super(props);
+  componentWillMount() {
     this.props.dispatch(clearAuthRequestError());
     this.props.dispatch(clearAuthRequestSuccess());
   }

src/components/Auth/VerifyEmail.jsx

@@ -12,8 +12,7 @@ import { sendEmailVerificationRequest } from "../../actions/auth/saga.actions";
 import Error from "../Shared/Error";
 
 class VerifyEmail extends Component {
-  constructor(props) {
-    super(props);
+  componentWillMount() {
     const emailKey = this.props.match.params.emailKey;
     this.props.dispatch(clearEmailVerificationError());
     this.props.dispatch(clearEmailVerificationSuccess());