render()

in app/addons/search/components/SearchForm.js [107:141]
35 lines of code
2 McCabe index (conditional complexity)

  render() {
    const buttonLabel = this.props.hasActiveQuery ? 'Querying...' : 'Run Query';
    return (
      <div>
        <form id="search-index-preview-form">
          <div className='row gx-3'>
            <div className='mb-3 mb-lg-0 col-12 col-lg-8 col-xl-4'>
              <Form.Control type="text"
                ref={el => this.searchInput = el}
                placeholder="Enter your search query"
                onChange={this.onType}
                value={this.props.searchQuery} />
            </div>
            <div className='col-12 col-lg'>
              <Button type="submit"
                variant="cf-primary"
                id="search-index-query-button"
                disabled={this.props.hasActiveQuery}
                onClick={this.querySearch}>
                {buttonLabel}
              </Button>
              <a className="help-link"
                data-bypass="true"
                href={FauxtonAPI.constants.DOC_URLS.SEARCH_INDEX_QUERIES}
                target="_blank"
                rel="noopener noreferrer">
                <i className="fonticon-help-circled" />
              </a>
            </div>
          </div>
        </form>
        {this.getResults()}
      </div>
    );
  }