public renderTimeAxis()

in tutorials/viewer/src/video_view.tsx [193:211]

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

    public renderTimeAxis() {
        let width = this.props.width - 300;
        let xScale = this.getXScale();
        let y = 18;
        return (
            <svg
                width={width} height={24}
                className="el-progress"
                onMouseDown={(e) => e.preventDefault()}
                tabIndex={0}
                ref={(e) => this.svg = e}
            >
                <line x1={0} y1={y} x2={width} y2={y} className="el-bar" />
                {this.props.renderTimeAxis ? this.props.renderTimeAxis(this.state.currentTime, xScale) : null}
                <line x1={0} y1={y} x2={xScale(this.state.currentTime)} y2={y} className="el-bar-highlight" />
                <line y1={0} y2={24} x1={xScale(this.state.currentTime)} x2={xScale(this.state.currentTime)} className="el-current" />
            </svg>
        );
    }