Setup auto-login option and fix login redirect for better developer experience - Closes #633

src/components/login/loginForm.js

@@ -9,6 +9,7 @@ import { isValidPassphrase } from '../../utils/passphrase';
 import networksRaw from './networks';
 import Passphrase from '../passphrase';
 import styles from './login.css';
+import env from '../../constants/env';
 
 /**
  * The container component containing login
@@ -42,7 +43,9 @@ class LoginForm extends React.Component {
 
   componentDidUpdate() {
     if (this.props.account && this.props.account.address) {
-      this.props.history.replace('/main/transactions');
+      const search = this.props.history.location.search;
+      this.props.history.replace(
+        search.indexOf('?referrer') === 0 ? search.replace('?referrer=', '') : '/main/transactions');
       if (this.state.address) {
         Cookies.set('address', this.state.address);
       }
@@ -111,6 +114,14 @@ class LoginForm extends React.Component {
       ...this.validators.address(address),
       ...this.validators.passphrase(passphrase),
     });
+
+    // ignore this in coverage as it is hard to test and does not run in production
+    /* istanbul ignore if */
+    if (!env.production && Cookies.get('autologin') && passphrase) {
+      setTimeout(() => {
+        this.onLoginSubmission(passphrase);
+      });
+    }
   }
 
   render() {

src/components/login/loginForm.test.js

@@ -21,7 +21,7 @@ describe('LoginForm', () => {
   const props = {
     peers: {},
     account,
-    history: [],
+    history: {},
     onAccountUpdated: () => {},
     setActiveDialog: spy(),
     activePeerSet: (network) => {
@@ -73,6 +73,9 @@ describe('LoginForm', () => {
     props.account = { address: 'dummy' };
     props.history = {
       replace: spy(),
+      location: {
+        search: '',
+      },
     };
 
     it('calls this.props.history.replace(\'/main/transactions\')', () => {

src/components/privateRoute/index.js

@@ -4,7 +4,7 @@ import { connect } from 'react-redux';
 
 export const PrivateRouteRender = ({ render, isAuthenticated, ...rest }) => (
     <Route {...rest} render={ matchProps => (
-     isAuthenticated ? render(matchProps) : <Redirect to='/' />
+     isAuthenticated ? render(matchProps) : <Redirect to={`/?referrer=${rest.history.location.pathname}`} />
     )}/>
   );
 

src/components/privateRoute/index.test.js

@@ -14,6 +14,7 @@ describe('PrivateRouteRender', () => {
         <div>
           <Route path='/' component={Public} />
           <PrivateRouteRender
+            history={ { location: { pathname: '' } } }
             path='/private'
             render={({ match }) => <Route to={`${match.url}/test`} component={Private}/>}
             isAuthenticated={isAuthenticated} />