proper keyboard movement in vitrine

1 files changed, 12 insertions, 0 deletions

diff --git a/animism-align/frontend/app/views/viewer/viewer.actions.js b/animism-align/frontend/app/views/viewer/viewer.actions.js
index e8aaf0d..5673fd8 100644
--- a/animism-align/frontend/app/views/viewer/viewer.actions.js
+++ b/animism-align/frontend/app/views/viewer/viewer.actions.js
@@ -218,6 +218,18 @@ export const closeVitrineModal = (media, id) => dispatch => {
 export const setVitrineIndex = (index) => dispatch => {
   dispatch({ type: types.viewer.set_vitrine_index, index })
 }
+export const vitrineGo = direction => dispatch => {
+  const { vitrineModal } = store.getState().viewer
+  const { media, index } = vitrineModal
+  const targetIndex = index + direction
+  const shouldClose = (targetIndex < 0) || (targetIndex === media.settings.image_order.length)
+  if (shouldClose) {
+    actions.viewer.closeVitrineModal()
+  } else {
+    actions.viewer.setVitrineIndex(targetIndex)
+  }
+
+}
 
 export const openGrowl = message => dispatch => {
   dispatch({ type: types.viewer.open_growl, message })