making overview load

1 files changed, 10 insertions, 5 deletions

diff --git a/animism-align/frontend/app/views/editor/editor.gate.js b/animism-align/frontend/app/views/editor/editor.gate.js
index b835a69..5076350 100644
--- a/animism-align/frontend/app/views/editor/editor.gate.js
+++ b/animism-align/frontend/app/views/editor/editor.gate.js
@@ -18,32 +18,37 @@ class EditorGate extends Component {
   componentDidUpdate(prevProps) {
     if (
       this.props.episode_id !== prevProps.episode_id ||
-      this.props.episode.lookup !== prevProps.episode.lookup
+      this.props.episode.lookup !== prevProps.episode.lookup ||
+      this.props.project.lookup !== prevProps.project.lookup
     ) {
       this.load()
     }
   }
 
   load() {
+    if (!this.props.project.lookup) return
     if (!this.props.episode.lookup) return
     if (!this.props.episode_id) return
+    if (parseInt(this.props.episode_id) === parseInt(this.props.current_episode_id)) return
     const episode = this.props.episode.lookup[this.props.episode_id]
-    actions.site.loadEpisode(episode)
+    const project = this.props.project.lookup[episode.project_id]
+    actions.site.loadEpisode(project, episode)
   }
 
   render() {
-    if (parseInt(this.props.episode_id) === parseInt(this.props.currentEpisodeId)) {
+    if (parseInt(this.props.episode_id) === parseInt(this.props.current_episode_id)) {
       return this.props.children
     }
     return (
-      <div className="dashboard"><Loader /></div>
+      <div className="overview"><Loader /></div>
     )
   }
 }
 
 const mapStateToProps = state => ({
   episode: state.episode.index,
-  currentEpisodeId: state.align.currentEpisodeId,
+  project: state.project.index,
+  current_episode_id: state.site.episode.id,
 })
 
 export default connect(mapStateToProps)(EditorGate)
\ No newline at end of file