wait-at-least.js

import React from 'react';
import ReactDOM from 'react-dom';
import { waitAtLeast } from 'promise-frites';

//...
class SignInScreen extends React.Component {
  state = {
    isLoading: false
  }
  render() {
    const waitAtLeast1Second = waitAtLeast(1);
    const onSignIn = () => Promise.resolve()
      .then(() => this.setState({ isLoading: true }))
      .then(waitAtLeast1Second(this.props.onSignIn))
      .then(() => this.setState({ isLoading: false }))
      .catch(() => this.setState({ isLoading: false }))
    
    if (this.state.isLoading) { return <Loading />; }
    return (
     <div>
       <button onClick={ onSignIn }>SignIn</button>
     </div>
    );
  }
}
//...