render()

in packages/synchro-charts/src/components/charts/sc-tooltip/sc-tooltip-row.tsx [33:65]

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

  render() {
    const isTrendPoint = this.pointType === POINT_TYPE.TREND;
    return (
      <div class="clearfix">
        {this.showDataStreamColor && (
          <span class="awsui-util-mr-xs">
            <svg class="bar" data-testid={`tooltip-icon-${this.pointType}`}>
              <path
                stroke={this.color}
                stroke-dasharray={isTrendPoint ? TREND_ICON_DASH_ARRAY : undefined}
                stroke-linecap={STREAM_ICON_STROKE_LINECAP}
                stroke-width={STREAM_ICON_STROKE_WIDTH}
                d={STREAM_ICON_PATH_COMMAND}
              />
            </svg>
          </span>
        )}

        <span class="label awsui-util-d-i" data-testid="tooltip-row-label">
          {this.label}
        </span>
        <span class="value awsui-util-d-i" data-testid="current-value" style={{ color: this.valueColor }}>
          {this.icon && <sc-chart-icon name={this.icon} />}
          <Value value={this.point && this.point.y} />
        </span>
        {this.resolution != null && (
          <div class="awsui-util-pb-s">
            <small>{getAggregationFrequency(this.resolution, AGGREGATED_LEVEL)}</small>
          </div>
        )}
      </div>
    );
  }