sorting mdia. attach annotations and paragraphs to episods

1 files changed, 15 insertions, 7 deletions

diff --git a/animism-align/frontend/app/views/nav/header.component.js b/animism-align/frontend/app/views/nav/header.component.js
index 1ad4d82..9ec12ac 100644
--- a/animism-align/frontend/app/views/nav/header.component.js
+++ b/animism-align/frontend/app/views/nav/header.component.js
@@ -18,15 +18,22 @@ function Header(props) {
       <header>
         <div>
           <PlayButton playing={props.playing} />
-          <Link to="/">Home</Link>
-        </div>
-        <div>
+          <span className='salutation'>
+            {props.project && props.project.title}
+            {props.episode && ": Episode " + props.episode.episode_number}
+          </span>
           <Link to={`/editor/${episode_id}/`}>Overview</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>
         </div>
+        <div>
+          <span className='salutation'>
+            Hi {props.currentUser.username}
+          </span>
+          <Link to="/">Projects</Link>
+        </div>
       </header>
     )
   }
@@ -34,14 +41,14 @@ function Header(props) {
     <header>
       <div>
         <PlayButton playing={props.playing} />
-        {props.router.location.pathname !== '/' && (
-          <Link to="/">Home</Link>
-        )}
       </div>
       <div>
         <span className='salutation'>
           Hi {props.currentUser.username}
         </span>
+        {props.router.location.pathname !== '/' && (
+          <Link to="/">Projects</Link>
+        )}
         {props.currentUser.is_admin && <Link to="/users/">Users</Link>}
         <a href="#" onClick={actions.auth.logout}>
           Logout
@@ -53,7 +60,8 @@ function Header(props) {
 
 const mapStateToProps = (state) => ({
   currentUser: state.auth.user,
-  site: state.site,
+  project: state.site.project,
+  episode: state.site.episode,
   router: state.router,
   playing: state.audio.playing,
 })