1 files changed, 18 insertions, 0 deletions
diff --git a/frontend/site/viewer/viewer.container.js b/frontend/site/viewer/viewer.container.js
index aae8990..46ef0d0 100644
--- a/frontend/site/viewer/viewer.container.js
+++ b/frontend/site/viewer/viewer.container.js
@@ -26,6 +26,8 @@ class ViewerContainer extends Component {
     this.pageRef = React.createRef()
     this.handleMouseDown = this.handleMouseDown.bind(this)
     this.handleResize = this.handleResize.bind(this)
+    this.handleMouseEnter = this.handleMouseEnter.bind(this)
+    this.handleMouseLeave = this.handleMouseLeave.bind(this)
     this.removeRoadblock = this.removeRoadblock.bind(this)
     this.updateTimer = this.updateTimer.bind(this)
     window.addEventListener('resize', this.handleResize)
@@ -163,6 +165,21 @@ class ViewerContainer extends Component {
         restart: true,
       })
     }
+    if (tile.settings.show_popup_on_hover && tile.settings.on_hover_popup) {
+      actions.site.setPopups({
+        ...this.props.popups,
+        [tile.settings.on_hover_popup]: true,
+      })
+    }
+  }
+
+  handleMouseLeave(e, tile) {
+    if (tile.settings.show_popup_on_hover && tile.settings.on_hover_popup) {
+      actions.site.setPopups({
+        ...this.props.popups,
+        [tile.settings.on_hover_popup]: false,
+      })
+    }
   }
 
   handlePlaybackEnded(tile) {
@@ -218,6 +235,7 @@ class ViewerContainer extends Component {
                 onPlaybackEnded={e => this.handlePlaybackEnded(e, tile)}
                 onDoubleClick={e => {}}
                 onMouseEnter={e => this.handleMouseEnter(e, tile)}
+                onMouseLeave={e => this.handleMouseLeave(e, tile)}
               />
             )
           })}