Fixed auth token header, Moved dispatch out of constructors

src/api/baseApi.js

@@ -10,17 +10,19 @@ 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 = {}) {

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());