render()

in app/addons/documents/rev-browser/components/revisionbrowsercontrols.js [90:139]
47 lines of code
1 McCabe index (conditional complexity)

  render() {
    const { tree } = this.props;

    return (
      <div className="revision-browser-controls">
        <ConfirmModal
          toggleConfirmModal={this.props.toggleConfirmModal}
          onConfirm={this.selectAsWinner}
          docToWin={this.props.docToWin}
          show={this.props.showConfirmModal}
        />

        <div className="row align-items-center mb-3">
          <div className="revision-browser-controls-label-col col-auto">Server-Selected Rev:</div>
          <div className="col-5 col-xl-4">
            <Form.Control type="text" placeholder={tree.winner} readOnly /></div>
          <div className="col">
            <ConfirmButton
              onClick={this.onSelectAsWinnerClickOurs}
              text="Delete Other Conflicts"
              variant="secondary"
              customIcon="fonticon-trophy"
            />
          </div>
        </div>

        <div className="row">
          <div className="revision-browser-controls-label-col col-auto">Conflicting Revisions:</div>
          <div className="col-5 col-xl-4">
            <ConflictingRevisionsDropDown
              onRevisionClick={this.onRevisionClick}
              onForwardClick={this.onForwardClick}
              onBackwardClick={this.onBackwardClick}
              options={this.props.dropdownData}
              selected={this.props.theirs._rev}
            />
          </div>
          <div className="col-3">
            <ConfirmButton
              data-id="button-select-theirs"
              onClick={this.onSelectAsWinnerClickTheirs}
              text="Select as Winner"
              variant="secondary"
              customIcon="fonticon-trophy"
            />
          </div>
        </div>
      </div>
    );
  }