editor overview / gate

1 files changed, 22 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 968680f..b835a69 100644
--- a/animism-align/frontend/app/views/editor/editor.gate.js
+++ b/animism-align/frontend/app/views/editor/editor.gate.js
@@ -1,32 +1,49 @@
 import React, { Component } from 'react'
+import { connect } from 'react-redux'
 
 import { Loader } from 'app/common'
 
 import actions from 'app/actions'
 
-export default class EditorGate extends Component {
+class EditorGate extends Component {
   constructor(props) {
     super(props)
     this.load()
   }
 
+  componentDidMount() {
+    this.load()
+  }
+
   componentDidUpdate(prevProps) {
-    if (this.props.episode_id !== prevProps.episode_id) {
+    if (
+      this.props.episode_id !== prevProps.episode_id ||
+      this.props.episode.lookup !== prevProps.episode.lookup
+    ) {
       this.load()
     }
   }
 
   load() {
-    this.props.episode_id && actions.site.loadEpisode()
+    if (!this.props.episode.lookup) return
+    if (!this.props.episode_id) return
+    const episode = this.props.episode.lookup[this.props.episode_id]
+    actions.site.loadEpisode(episode)
   }
 
   render() {
-    if (this.props.logged_in) {
+    if (parseInt(this.props.episode_id) === parseInt(this.props.currentEpisodeId)) {
       return this.props.children
     }
     return (
-      <Loader />
+      <div className="dashboard"><Loader /></div>
     )
   }
 }
 
+const mapStateToProps = state => ({
+  episode: state.episode.index,
+  currentEpisodeId: state.align.currentEpisodeId,
+})
+
+export default connect(mapStateToProps)(EditorGate)
\ No newline at end of file