renderTableCell()

in packages/issue-dashboard-widgets/widgets/distribution-reports/app/matrix-presentation.js [51:92]

• 38 lines of code
• 6 McCabe index (conditional complexity)

  renderTableCell(row, rowIdx) {
    const sizeValue = ReportModel.getSizeValue(
      row.size
    );
    const sizePresentation = sizeValue
      ? ReportModel.getSizePresentation(row.size)
      : '-';

    const onClick = () => {
      if (sizeValue) {
        const url = ReportModel.getSearchUrl(
          row.issuesQuery, this.props.homeUrl
        );
        window.open(url, '_blank');
      }
    };

    const onMouseOver = () =>
      this.onActivateLine(rowIdx);

    const isActiveIdx = this.props.activeLineIdx === rowIdx;

    return (
      <div
        key={`column-row-key-${rowIdx}`}
        className={`report-chart__table-cell${isActiveIdx ? ' report-chart__table-cell_active' : ''}`}
        onMouseOver={onMouseOver}
        onClick={onClick}
      >
        {
          (sizeValue > 0) && (
            <Link pseudo>
              {sizePresentation}
            </Link>
          )}
        {
          (sizeValue === 0) &&
          <span>{sizePresentation}</span>
        }
      </div>
    );
  }