blob: c183c0e87b8256682e8bbed5ea581b3f68121308 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
|
import React from 'react'
import TimelineControlsContainer from '../../../containers/app/timeline/TimelineControlsContainer'
import TimelineLabelsContainer from '../../../containers/app/timeline/TimelineLabelsContainer'
import './Timeline.css'
class TimelineComponent extends React.Component {
componentDidMount() {
this.interval = setInterval(() => {
if (!this.props.isPlaying) {
return
}
if (this.props.currentTick < this.props.lastSimulatedTick) {
this.props.incrementTick()
} else {
this.props.pauseSimulation()
}
}, 1000)
}
componentWillUnmount() {
clearInterval(this.interval)
}
render() {
return (
<div className="timeline-bar">
<div className="timeline-container">
<TimelineLabelsContainer/>
<TimelineControlsContainer/>
</div>
</div>
)
}
}
export default TimelineComponent
|
