1 files changed, 42 insertions, 1 deletions
diff --git a/animism-align/frontend/app/views/viewer/viewer.reducer.js b/animism-align/frontend/app/views/viewer/viewer.reducer.js
index 0fcbfa2..be4e7bb 100644
--- a/animism-align/frontend/app/views/viewer/viewer.reducer.js
+++ b/animism-align/frontend/app/views/viewer/viewer.reducer.js
@@ -45,11 +45,19 @@ const initialState = {
   growlMessage: GROWL.OPENING_MESSAGE,
   growlTranscriptOpen: false,
 
-  /* vitrine */
+  /* vitrine modal */
   vitrineModal: {
     open: false,
     media: null,
     index: null,
+    color: null,
+  },
+
+  /* video modal */
+  videoModal: {
+    open: false,
+    media: null,
+    color: null,
   },
 
   options: {},
@@ -112,6 +120,10 @@ export default function viewerReducer(state = initialState, action) {
         navStyle: action.currentSection.color,
         fullscreenVisible: true,
         atEndOfSection: false,
+        videoModal: {
+          ...state.videoModal,
+          open: false,
+        }
       }
 
     case types.viewer.reached_end_of_section:
@@ -167,6 +179,35 @@ export default function viewerReducer(state = initialState, action) {
         }
       }
 
+    case types.viewer.open_video_modal:
+      return {
+        ...state,
+        videoModal: {
+          open: true,
+          media: action.media,
+          color: action.color,
+        }
+      }
+
+    case types.viewer.close_video_modal:
+      return {
+        ...state,
+        videoModal: {
+          ...state.videoModal,
+          open: false,
+        }
+      }
+
+    case types.viewer.reset_video_modal:
+      return {
+        ...state,
+        videoModal: {
+          open: false,
+          media: null,
+          color: null,
+        }
+      }
+
     case types.viewer.open_footnote:
       return {
         ...state,