login.js

import React from 'react';
import { Button, Icon, message } from 'antd';
import { navigateTo } from 'gatsby-link';
import { Auth, Logger } from 'aws-amplify';
import { LoginForm } from '../../Form'

const logger = new Logger('Auth:Login');

class Login extends React.Component {
  state = { status: 'idle' }

  onSuccess(message) {
    logger.debug('login success', message);
    this.setState({ status: 'success' });
    navigateTo('/dashboard');
  }

  onError(err) {
    logger.error(err);
    message.error(err.message)
    this.setState({ status: 'error' });
  }

  /**
   * Log user in using cognito
   */
  onCognitoLogin = (values) => {
    logger.debug('login start')
    this.setState({ status: 'loading' });

    Auth.signIn(values.email, values.password)
      .then((success) => this.onSuccess(success))
      .catch((err) => this.onError(err));
  }

  render() {
    return <LoginForm
      onSubmit={this.onCognitoLogin}
      centered="true"
      status={this.state.status}
    />
  }
}

export default Login;