_renderTimeline()

in modules/monochrome/src/playback-control/index.js [176:208]

• 31 lines of code
• 2 McCabe index (conditional complexity)

  _renderTimeline(styleProps) {
    const {style, tickSpacing, formatTick, markers} = this.props;
    const {scale} = this;
    const ticks = getTimelineTicks(scale, tickSpacing, formatTick);

    return (
      <div>
        <TicksContainer {...styleProps} userStyle={style.ticks}>
          {ticks.map((t, i) => {
            const tickStyle = {
              position: 'absolute',
              left: t.x
            };
            return (
              <Tick key={i} {...styleProps} userStyle={style.tick} style={tickStyle}>
                <TickLabel {...styleProps} userStyle={style.tickLabel}>
                  {t.label}
                </TickLabel>
              </Tick>
            );
          })}
        </TicksContainer>

        {markers && (
          <MarkersContainer {...styleProps} userStyle={style.markers}>
            {markers.map((marker, i) =>
              this._renderMarker(marker, i, MarkerComponent, styleProps, style.marker)
            )}
          </MarkersContainer>
        )}
      </div>
    );
  }