blob: 41ac77abcca8ff1a6d45dcdc3ca6f35e475f946d (
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
|
import * as React from "react"
import * as ReactDOM from "react-dom"
import { observer } from "mobx-react"
import { observable } from "mobx"
import { TimelineField } from "../../../fields/TimelineField";
import "./Timeline.scss"
@observer
export class Timeline extends React.Component<TimelineField>{
private _isRecording = false;
onRecord = (e:React.MouseEvent) => {
this._isRecording = true;
}
onStop = (e:React.MouseEvent) => {
this._isRecording = false;
}
render() {
return (
<div>
<div className="timeline-container">
<div className="timeline">
</div>
<button onClick = {this.onRecord}>Record</button>
<button onClick = {this.onStop}> Stop </button>
</div>
</div>
)
}
}
|
