adding episodes to projects

1 files changed, 15 insertions, 10 deletions

diff --git a/animism-align/frontend/app/views/nav/header.component.js b/animism-align/frontend/app/views/nav/header.component.js
index bc04629..c90e592 100644
--- a/animism-align/frontend/app/views/nav/header.component.js
+++ b/animism-align/frontend/app/views/nav/header.component.js
@@ -14,30 +14,35 @@ function Header(props) {
     return null
   }
   if (props.router.location.pathname.match("/editor")) {
-    const { episode_id } = this.props.match.params
+    const episode_id = props.router.location.pathname.split('/')[1]
     return (
       <header>
-        <PlayButton playing={props.playing} />
         <div>
-          <Link to={`/`}>{'<'}</Link>
+          <PlayButton playing={props.playing} />
+          <Link to="/">Home</Link>
+        </div>
+        <div>
           <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="/project/">Projects</Link>
-        <Link to="/episode/">Episodes</Link>
-        <Link to="/venue/">Venues</Link>
-        {props.currentUser.is_admin && <Link to="/users">Users</Link>}
+        <PlayButton playing={props.playing} />
+        {props.router.location.pathname !== '/' && (
+          <Link to="/">Home</Link>
+        )}
+      </div>
+      <div>
+        <span className='salutation'>
+          Hi {props.currentUser.username}
+        </span>
+        {props.currentUser.is_admin && <Link to="/users/">Users</Link>}
         <a href="#" onClick={actions.auth.logout}>
           Logout
         </a>