proper keyboard movement in vitrine

1 files changed, 12 insertions, 3 deletions

diff --git a/animism-align/frontend/app/views/viewer/player/player.container.js b/animism-align/frontend/app/views/viewer/player/player.container.js
index f783b9b..9e43c32 100644
--- a/animism-align/frontend/app/views/viewer/player/player.container.js
+++ b/animism-align/frontend/app/views/viewer/player/player.container.js
@@ -26,7 +26,7 @@ class PlayerContainer extends Component {
     if (document.activeElement !== document.body) {
       return
     }
-    const { currentSection, audio } = this.props
+    const { currentSection, audio, viewer } = this.props
     const { play_ts } = audio
     let start_ts = 0
     let end_ts = 0
@@ -43,12 +43,20 @@ class PlayerContainer extends Component {
       case 37: // left
       case 38: // up
         e.preventDefault()
-        actions.audio.seek(clamp(play_ts - 5.0, start_ts, end_ts))
+        if (viewer.vitrineModal.open) {
+          actions.viewer.vitrineGo(-1)
+        } else {
+          actions.audio.seek(clamp(play_ts - 5.0, start_ts, end_ts))
+        }
         break
       case 39: // right
       case 40: // down
         e.preventDefault()
-        actions.audio.seek(clamp(play_ts + 5.0, start_ts, end_ts))
+        if (viewer.vitrineModal.open) {
+          actions.viewer.vitrineGo(+1)
+        } else {
+          actions.audio.seek(clamp(play_ts + 5.0, start_ts, end_ts))
+        }
         break
     }
   }
@@ -99,6 +107,7 @@ class PlayerContainer extends Component {
 }
 
 const mapStateToProps = state => ({
+  viewer: state.viewer,
   audio: state.audio,
   sections: state.viewer.sections,
   currentSection: state.viewer.currentSection,