Change Jhipster login to work with Auth0

login.tsx

import * as React from 'react';
import { connect } from 'react-redux';
import { RouteComponentProps } from 'react-router-dom';
import { Storage } from 'react-jhipster';

import { IRootState } from 'app/shared/reducers';
import { getSession } from 'app/shared/reducers/authentication';
import Auth0 from 'app/config/auth0';

export interface ILoginProps extends StateProps, DispatchProps, RouteComponentProps<{}> { }

export class Login extends React.Component<ILoginProps> {

  componentDidMount() {
    const auth0 = new Auth0();
    auth0.lock.on('authenticated', authResult => {
      Storage.local.set('jhi-authenticationToken', authResult.accessToken);
      this.props.getSession();
      // go be done better by using axios and redux
      window.location.href = '/#/';
    });
    auth0.lock.on('hide', () => {
      this.props.history.push('/');
    });
    auth0.lock.show();
  }

  render() {
    return (
      <div />
    );
  }

}

const mapStateToProps = (storeState: IRootState) => ({});

const mapDispatchToProps = { getSession };

type StateProps = ReturnType<typeof mapStateToProps>;
type DispatchProps = typeof mapDispatchToProps;

export default connect(mapStateToProps, mapDispatchToProps)(Login);