renderIssueDistributionFieldsEditableSelectors()

in widgets/distribution-reports/src/app/distribution-report-form.js [202:257]
54 lines of code
6 McCabe index (conditional complexity)

  renderIssueDistributionFieldsEditableSelectors() {
    const {report, fetchYouTrack} = this.state;

    const filterFieldsSource = async projects =>
      await loadReportsFilterFields(fetchYouTrack, projects);

    return (
      <div>
        <span className="distribution-reports-widget__filter-field-selector">
          {
            report.yaxis &&
            <span className="distribution-reports-widget__axis-label">
              {'↓'}
            </span>
          }
          <FilterFieldsSelector
            selectedField={
              DistributionReportAxises.getMainAxis(report).field
            }
            projects={report.projects}
            onChange={this.changeMainFilterField}
            filterFieldsSource={filterFieldsSource}
            canBeEmpty={false}
          />
        </span>
        {
          report.yaxis &&
          <CompareIcon
            className="distribution-reports-widget__icon distribution-reports-widget__icon_btn distribution-reports-widget__transpose-icon"
            onClick={this.changeAxisPlaces}
            color={CompareIcon.Color.GRAY}
            size={CompareIcon.Size.Size16}
          />
        }
        {
          DistributionReportForm.canShowSecondaryAxisOption(report) &&
          <span className="distribution-reports-widget__filter-field-selector">
            <span className="distribution-reports-widget__axis-label">
              {report.yaxis ? '→' : ''}
            </span>
            <FilterFieldsSelector
              selectedField={
                report.yaxis
                  ? DistributionReportAxises.getSecondaryAxis(report).field
                  : undefined
              }
              projects={report.projects}
              onChange={this.changeSplittingBarsFilterField}
              filterFieldsSource={filterFieldsSource}
              canBeEmpty={DistributionReportForm.isNewReport(report)}
            />
          </span>
        }
      </div>
    );
  }