render()

in packages/synchro-charts/src/components/sc-data-stream-name/sc-data-stream-name.tsx [46:85]

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

  render() {
    return (
      <div class="awsui">
        <sc-expandable-input
          isDisabled={!this.isEditing}
          onValueChange={(value: string) => {
            this.onNameChange(value);
          }}
          onMouseOver={this.renderTooltip}
          onFocus={this.renderTooltip}
          value={this.label}
        />
        <div class="data-stream-name-tooltip awsui-util-container awsui" style={{ display: 'none' }}>
          <div class="awsui-util-spacing-v-s">
            <div>
              <div class="awsui-util-label">{this.detailedLabel || this.label}</div>
              {this.pointType && this.pointType === POINT_TYPE.TREND && (
                <small>This trend line is computed from only visible data.</small>
              )}
            </div>
            {this.date && (
              <div>
                <div class="awsui-util-label">Latest value at</div>
                <div>
                  {this.date.toLocaleString('en-US', {
                    hour12: true,
                    minute: 'numeric',
                    hour: 'numeric',
                    year: 'numeric',
                    month: 'numeric',
                    day: 'numeric',
                  })}
                </div>
              </div>
            )}
          </div>
        </div>
      </div>
    );
  }