public render()

in src/dialog.tsx [230:296]
63 lines of code
5 McCabe index (conditional complexity)

  public render(): JSX.Element {
    const {
      pullRequest,
      ready,
      loading,
      results,
      errors,
      buttonDisabled,
      targets
    } = this.state;

    if (loading || !ready) {
      // Show loading dialog
      return (
        <div className="saving-indicator-container">
          <div>{this.spinner}</div>
        </div>
      );
    } else if (results && !errors) {
      // Show summary view
      return (
        <div className="sample-panel flex-column flex-grow">
          <div className="flex-grow scroll-content">
            <SummaryComponent results={results} />
          </div>

          <ButtonGroup className="sample-panel-button-bar">
            <Button
              className="dialog-button"
              primary={true}
              text="OK"
              onClick={() => this.dismiss(true)}
            />
          </ButtonGroup>
        </div>
      );
    } else {
      // Show form view
      return (
        <div className="sample-panel flex-column flex-grow">
          <div className="flex-grow scroll-content">
            <FormView
              targets={targets}
              updateTargets={this.updateTargets}
              pullRequest={pullRequest!}
              turnOffErrorMessage={this.turnOffErrorMessage}
              turnOnErrorMessage={this.turnOnErrorMessage}
            />
          </div>
          <ButtonGroup className="sample-panel-button-bar">
            <Button
              className="dialog-button"
              text="Cancel"
              onClick={() => this.dismiss(false)}
            />
            <Button
              className="dialog-button"
              primary={true}
              disabled={buttonDisabled}
              text="Complete"
              onClick={() => this.onCreate()}
            />
          </ButtonGroup>
        </div>
      );
    }
  }