graphics change

1 files changed, 11 insertions, 3 deletions

diff --git a/src/client/views/nodes/Timeline.tsx b/src/client/views/nodes/Timeline.tsx
index 3bd549ccc..41ac77abc 100644
--- a/src/client/views/nodes/Timeline.tsx
+++ b/src/client/views/nodes/Timeline.tsx
@@ -10,16 +10,24 @@ 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>Record</button>
-                    <button> Stop </button>
+                    <button onClick = {this.onRecord}>Record</button>
+                    <button onClick = {this.onStop}> Stop </button>
                 </div>
             </div>
         )