aboutsummaryrefslogtreecommitdiff
path: root/src/client/views/nodes/Track.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'src/client/views/nodes/Track.tsx')
-rw-r--r--src/client/views/nodes/Track.tsx9
1 files changed, 5 insertions, 4 deletions
diff --git a/src/client/views/nodes/Track.tsx b/src/client/views/nodes/Track.tsx
index c1c722d62..b00001e54 100644
--- a/src/client/views/nodes/Track.tsx
+++ b/src/client/views/nodes/Track.tsx
@@ -12,6 +12,7 @@ import { AddComparisonParameters } from "../../northstar/model/idea/idea";
import { RichTextField } from "../../../new_fields/RichTextField";
import { node } from "prop-types";
import { NorthstarSettings } from "../../northstar/manager/Gateway";
+import { getForkTsCheckerWebpackPluginHooks } from "fork-ts-checker-webpack-plugin/lib/hooks";
interface IProps {
node: Doc;
@@ -35,14 +36,15 @@ export class Track extends React.Component<IProps> {
}
componentWillMount() {
- this.props.node.regions = new List<Doc>();
+ if (!this.props.node.regions){
+ this.props.node.regions = new List<Doc>();
+ }
this.props.node.opacity = 1;
}
@action
componentDidMount() {
this.props.node.hidden = true;
- this.props.node.opacity = 1;
this._reactionDisposers.push(reaction(() => this.props.currentBarX, () => {
let regiondata: (Doc | undefined) = this.findRegion(this.props.currentBarX);
@@ -102,7 +104,6 @@ export class Track extends React.Component<IProps> {
this.filterKeys(Doc.allKeys(currentkf.key as Doc)).forEach(k => {
this.props.node[k] = (currentkf!.key as Doc)[k];
});
- console.log("current");
} else if (leftkf && rightkf) {
this.interpolate(leftkf, rightkf);
} else if (leftkf) {
@@ -238,7 +239,7 @@ export class Track extends React.Component<IProps> {
<div className="track-container">
<div className="track">
<div className="inner" ref={this._inner} onDoubleClick={this.onInnerDoubleClick}>
- {this.regions.map((region) => {
+ {DocListCast(this.regions).map((region) => {
return <Keyframe node={this.props.node} RegionData={region as Doc} changeCurrentBarX={this.props.changeCurrentBarX} setFlyout={this.props.setFlyout}/>;
})}
</div>