reaction template

1 files changed, 16 insertions, 1 deletions

diff --git a/src/client/views/nodes/Timeline.tsx b/src/client/views/nodes/Timeline.tsx
index 7872649a0..45e37dd8a 100644
--- a/src/client/views/nodes/Timeline.tsx
+++ b/src/client/views/nodes/Timeline.tsx
@@ -1,9 +1,11 @@
 import * as React from "react"
 import * as ReactDOM from "react-dom"
 import { observer } from "mobx-react"
-import { observable } from "mobx"
+import { observable, reaction } from "mobx"
 import { TimelineField } from "../../../fields/TimelineField";
 import "./Timeline.scss"
+import { KeyStore } from "../../../fields/KeyStore";
+import { Document } from "../../../fields/Document";
 
 @observer
 export class Timeline extends React.Component<TimelineField>{
@@ -17,6 +19,19 @@ export class Timeline extends React.Component<TimelineField>{
         this._isRecording = false;
     }
 
+    componentDidMount() {
+        let doc: Document;
+        let keyFrame: Document;
+        let keys = [KeyStore.X, KeyStore.Y];
+        reaction(() => {
+            return keys.map(key => doc.GetNumber(key, 0));
+        }, data => {
+            keys.forEach((key, index) => {
+                keyFrame.SetNumber(key, data[index]);
+            });
+        });
+    }
+
     render() {
         return (
             <div>