making overview load

2 files changed, 19 insertions, 2 deletions

diff --git a/animism-align/frontend/app/views/site/site.actions.js b/animism-align/frontend/app/views/site/site.actions.js
index 493e566..a9d3deb 100644
--- a/animism-align/frontend/app/views/site/site.actions.js
+++ b/animism-align/frontend/app/views/site/site.actions.js
@@ -17,8 +17,9 @@ export const loadSite = () => dispatch => {
   })
 }
 
-export const loadEpisode = (episode) => dispatch => {
+export const loadEpisode = (project, episode) => dispatch => {
   const { id: episode_id } = episode
+  dispatch({ type: types.editor.loading })
   Promise.all([
     // actions.site.loadText(episode),
     actions.site.loadPeaks(episode),
@@ -28,7 +29,7 @@ export const loadEpisode = (episode) => dispatch => {
     actions.media.index({ episode_id }),
   ]).then(() => {
     actions.viewer.loadSections()
-    dispatch({ type: types.editor.loaded, episode_id })
+    dispatch({ type: types.editor.loaded, project, episode })
     console.log('Episode loaded')
   }).catch(err => {
     console.error(err)
diff --git a/animism-align/frontend/app/views/site/site.reducer.js b/animism-align/frontend/app/views/site/site.reducer.js
index d6a475e..36f50ca 100644
--- a/animism-align/frontend/app/views/site/site.reducer.js
+++ b/animism-align/frontend/app/views/site/site.reducer.js
@@ -1,11 +1,27 @@
 import * as types from 'app/types'
 
 const initialState = {
+  project: {},
+  episode: {},
 }
 
 export default function siteReducer(state = initialState, action) {
   // console.log(action.type, action)
   switch (action.type) {
+    case types.editor.loading:
+      return {
+        ...state,
+        project: {},
+        episode: {},
+      }
+
+    case types.editor.loaded:
+      return {
+        ...state,
+        project: action.project,
+        episode: action.episode,
+      }
+
     default:
       return state
   }