renderIssueDistributionFieldsEditableSelectors()

in packages/issue-dashboard-widgets/widgets/distribution-reports/app/distribution-report-form.js [203:258]
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>
    );
  }