diff options
Diffstat (limited to 'src/client/views/nodes/Timeline.tsx')
| -rw-r--r-- | src/client/views/nodes/Timeline.tsx | 35 |
1 files changed, 35 insertions, 0 deletions
diff --git a/src/client/views/nodes/Timeline.tsx b/src/client/views/nodes/Timeline.tsx new file mode 100644 index 000000000..7872649a0 --- /dev/null +++ b/src/client/views/nodes/Timeline.tsx @@ -0,0 +1,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 className="inner"> + </div> + </div> + <button>Record</button> + <button> Stop </button> + <input placeholder="Time"></input> + </div> + </div> + ) + } +}
\ No newline at end of file |