renderEditable()

in packages/issue-dashboard-widgets/widgets/distribution-reports/app/report-chart-sort-order.js [121:154]

• 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
          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
          onSelect={this.changeSortOrder}
          type={RerenderableSelect.Type.CUSTOM}
        />
      </span>
    );
  }