fix(FEC-6936): hover timeout for the player ui. (#23)

* fix(FEC-6936): hover timeout for the player Ui. * fix: configurable hoverTimeout * flow type change
kaltura · Aug 14, 2017 · f9de374 · f9de374
1 parent 8aee597
commit f9de374
Showing 1 changed file with 8 additions and 0 deletions.
diff --git a/src/components/shell/shell.js b/src/components/shell/shell.js
@@ -18,6 +18,7 @@ const mapStateToProps = state => ({
 @connect(mapStateToProps, bindActions(actions))
 class Shell extends BaseComponent {
   state: Object;
+  hoverTimeout: number;
 
   constructor(obj: Object) {
     super({name: 'Shell', player: obj.player});
@@ -28,6 +29,13 @@ class Shell extends BaseComponent {
       this.props.addPlayerClass('hover');
       this.setState({hover: true});
     }
+    if (this.hoverTimeout) {
+      clearTimeout(this.hoverTimeout);
+    }
+    this.hoverTimeout = setTimeout(() => {
+      this.props.removePlayerClass('hover');
+      this.setState({hover: false});
+    }, this.props.hoverTimeout || 3000);
   }
 
   onMouseLeave() {