renderFilteringSettings()

in src/app/work-items-edit-form.js [412:463]
49 lines of code
4 McCabe index (conditional complexity)

  renderFilteringSettings() {
    const {
      allContexts,
      errorMessage
    } = this.state;

    const contextOptions = (allContexts || []).map(toSelectItem);
    contextOptions.unshift(WorkItemsEditForm.getEverythingContextOption());

    if (errorMessage) {
      return (
        <div>{errorMessage}</div>
      );
    }

    return (
      <div>
        <div className="ring-form__group">
          <Select
            className="work-items-widget__search-context"
            type={Select.Type.BUTTON}
            size={InputSize.S}
            data={contextOptions}
            selected={toSelectItem(filter.folder)}
            onSelect={this.changeSearchContext}
            filter
            loading={!allContexts}
            label={i18n('Everything')}
            disabled={!this.props.editable}
          />
          <div className="work-items-widget__search-query">
            <QueryAssist
              disabled={this.state.isLoading || !this.props.editable}
              query={filter.query}
              placeholder={i18n('Type search query')}
              onChange={this.onQueryAssistInputChange}
              dataSource={this.queryAssistDataSource}
            />
          </div>
        </div>
        {
          this.renderWorkTypes()
        }
        {
          this.renderDateRange()
        }
        {
          this.renderAuthorsAndGroups()
        }
      </div>
    );
  }