Merge pull request #3021 from weaveworks/terminal-not-connected

Set a timeout to Terminal animation
weaveworks · Jan 16, 2018 · e37a147 · e37a147
2 parents f42e220 + c00ab5e
commit e37a147
Showing 1 changed file with 9 additions and 1 deletion.
diff --git a/client/app/scripts/components/embedded-terminal.js b/client/app/scripts/components/embedded-terminal.js
@@ -17,9 +17,17 @@ class EmeddedTerminal extends React.Component {
   }
 
   componentDidMount() {
-    setTimeout(() => {
+    this.mountedTimeout = setTimeout(() => {
       this.setState({mounted: true});
     });
+    this.animationTimeout = setTimeout(() => {
+      this.setState({ animated: true });
+    }, 2000);
+  }
+
+  componentWillUnmount() {
+    clearTimeout(this.mountedTimeout);
+    clearTimeout(this.animationTimeout);
   }
 
   getTransform() {