fix(auth): Fix auth flow for the client app

client/src/components/Header/components/Login.js

@@ -1,13 +1,27 @@
 import React from 'react';
 import PropTypes from 'prop-types';
+import { connect } from 'react-redux';
 import { Button } from '@freecodecamp/react-bootstrap';
-import { Link } from 'gatsby';
+
+import { hardGoTo } from '../../../redux';
+import { apiLocation } from '../../../../config/env.json';
 
 import './login.css';
 
-function Login({ children, ...restProps }) {
+const mapStateToProps = () => ({});
+const mapDispatchToProps = dispatch => ({
+  navigate: location => dispatch(hardGoTo(location))
+});
+
+const createOnClick = navigate => e => {
+  e.preventDefault();
+  return navigate(`${apiLocation}/signin`);
+};
+
+function Login(props) {
+  const { children, navigate, ...restProps } = props;
   return (
-    <Link to='/signin'>
+    <a href='/signin' onClick={createOnClick(navigate)}>
       <Button
         {...restProps}
         bsStyle='default'
@@ -17,13 +31,17 @@ function Login({ children, ...restProps }) {
         >
         {children || 'Sign In'}
       </Button>
-    </Link>
+    </a>
   );
 }
 
 Login.displayName = 'Login';
 Login.propTypes = {
-  children: PropTypes.any
+  children: PropTypes.any,
+  navigate: PropTypes.func.isRequired
 };
 
-export default Login;
+export default connect(
+  mapStateToProps,
+  mapDispatchToProps
+)(Login);

client/src/components/Header/index.js

@@ -12,9 +12,9 @@ function Header({ disableSettings }) {
   return (
     <header>
       <nav id='top-nav'>
-        <a className='home-link' href='https://www.freecodecamp.org'>
+        <Link className='home-link' to='/'>
           <NavLogo />
-        </a>
+        </Link>
         {disableSettings ? null : <FCCSearch />}
         <ul id='top-right-nav'>
           <li>