render()

in resources/code/website/src/pages/MainApp.js [112:148]

• 33 lines of code
• 2 McCabe index (conditional complexity)

  render() {
    const hasApi = this.hasApi();

    // If API is not configured, but auth is, then output the
    // token.
    if (!hasApi) {
      return (
        <div>
          <BaseMap/>
          <div className="configMessage">
            <div className="backdrop"></div>
            <div className="panel panel-default">
              <div className="panel-heading">
                <h3 className="panel-title">Successfully Authenticated!</h3>
              </div>
              <div className="panel-body">
                <p>This page is not functional yet because there is no API configured.</p>
                <p>Here is your user's identity token:</p>
                <p className="idToken">{this.state.idToken}</p>
              </div>
            </div>
          </div>
        </div>
      );
    }

    // If the API is configured, then display the "requestUnicorn"
    // button.  If data is available (i.e. unicorn is requested),
    // then display the additional patterns (unicorn on map).
    const updateList = this.state.updates.map(
      (v, i) => <li key={i}>{v}</li>
    );
    return (
      <div>
        <div className="info panel panel-default">
          <div className="panel-heading">
            <button id="request" className="btn btn-primary" disabled={!this.state.requestRideEnabled} onClick={() => this.onClick()}>Request</button>