renderEditable()

in widgets/distribution-reports/src/app/report-chart-sort-order.js [120:153]

• 32 lines of code
• 1 McCabe index (conditional complexity)

  renderEditable() {
    const {
      orientation,
      sortOrder
    } = this.state;

    const options = ReportChartSortOrder.getSortOrderSelectOptions(orientation).
      filter(option => option.model !== sortOrder);

    return (
      <span>
        <Link
          pseudo={true}
          onClick={this.openSortOrderSelector}
        >
          <span>
            { ReportChartSortOrder.getArrow(sortOrder, orientation) }
          </span>&nbsp;
          { ReportChartSortOrder.getSortOrderTypePresentation(sortOrder) }
          <ChevronDownIcon
            size={ChevronDownIcon.Size.Size12}
          />
        </Link>
        <RerenderableSelect
          ref={this.onRenderSortOrderSelector}
          data={options}
          selected={ReportChartSortOrder.sortOrderToSelectOption(sortOrder)}
          filter={true}
          onSelect={this.changeSortOrder}
          type={RerenderableSelect.Type.CUSTOM}
        />
      </span>
    );
  }