beginning the BIG refactor. moving editor stuff into per-episode hierarchy

1 files changed, 24 insertions, 22 deletions

diff --git a/animism-align/frontend/app/views/nav/header.component.js b/animism-align/frontend/app/views/nav/header.component.js
index 28be4a7..bc04629 100644
--- a/animism-align/frontend/app/views/nav/header.component.js
+++ b/animism-align/frontend/app/views/nav/header.component.js
@@ -4,24 +4,39 @@ import { connect } from 'react-redux'
 import { Link } from 'react-router-dom'
 
 import actions from 'app/actions'
-import PlayButton from 'app/views/align/components/player/playButton.component'
+import PlayButton from 'app/views/editor/align/components/player/playButton.component'
 
 import './nav.css'
 
 function Header(props) {
-  if (props.router.location && props.router.location.pathname.match("/viewer")) {
+  if (!props.router.location) return null
+  if (props.router.location.pathname.match("/viewer")) {
     return null
   }
+  if (props.router.location.pathname.match("/editor")) {
+    const { episode_id } = this.props.match.params
+    return (
+      <header>
+        <PlayButton playing={props.playing} />
+        <div>
+          <Link to={`/`}>{'<'}</Link>
+          <Link to={`/editor/${episode_id}/timeline/`}>Timeline</Link>
+          <Link to={`/editor/${episode_id}/transcript/`}>Transcript</Link>
+          <Link to={`/editor/${episode_id}/media/`}>Media</Link>
+          <Link to={`/editor/${episode_id}/viewer/`}>Viewer</Link>
+          <Link to="/episode/">Episodes</Link>
+          <Link to="/venue/">Venues</Link>
+        </div>
+      </header>
+    )
+  }
   return (
     <header>
       <PlayButton playing={props.playing} />
       <div>
-        <Link to="/align">Timeline</Link>
-        <Link to="/paragraph">Transcript</Link>
-        <Link to="/media">Media</Link>
-        <Link to="/episode">Episodes</Link>
-        <Link to="/venue">Venues</Link>
-        <Link to="/viewer">Viewer</Link>
+        <Link to="/project/">Projects</Link>
+        <Link to="/episode/">Episodes</Link>
+        <Link to="/venue/">Venues</Link>
         {props.currentUser.is_admin && <Link to="/users">Users</Link>}
         <a href="#" onClick={actions.auth.logout}>
           Logout
@@ -31,24 +46,11 @@ function Header(props) {
   )
 }
 
-// const changeUsername = () => {
-//   const username = prompt("Please enter your username:", session('username'))
-//   if (username && username.length) {
-//     session.set('username', username)
-//     document.querySelector('Header div span').innerText = ' → ' + username // very naughty
-//   }
-// }
-
 const mapStateToProps = (state) => ({
   currentUser: state.auth.user,
   site: state.site,
   router: state.router,
   playing: state.audio.playing,
-  // username: session.get('username'),
-  // isAuthenticated: state.auth.isAuthenticated,
-})
-
-const mapDispatchToProps = (dispatch) => ({
 })
 
-export default connect(mapStateToProps, mapDispatchToProps)(React.memo(Header))
+export default connect(mapStateToProps)(React.memo(Header))