handleAuth function

App.jsx

  handleAuth = async () => {
    const { history } = this.props

    // web3 actions to authenticate with metamask or other provider
    const ethAddresses = await window.ethereum.enable();
    const ethAddress = ethAddresses[0];
    
    // authenticate and get profile data
    const box = await Box.openBox(ethAddress, window.ethereum, {});
    
    // promise resolution.. waiting from 3Box onSyncDone confirmation
    await new Promise((resolve, reject) => box.onSyncDone(resolve));
    
    //open s3cretkeep3r space
    const dappSpace = await box.openSpace('s3cretkeep3r');

    // set all to state and continue
    await this.setState({ box, ethAddress, dappSpace });

    history.push('/main');
  }