From 136eeeda21cefe3544b3d7ffd4210f9788774301 Mon Sep 17 00:00:00 2001
From: Jules Laplace <julescarbon@gmail.com>
Date: Wed, 10 Mar 2021 15:40:32 +0100
Subject: sorting mdia. attach annotations and paragraphs to episods

---
 .../frontend/app/views/nav/header.component.js     | 22 +++++++++++++++-------
 animism-align/frontend/app/views/nav/nav.css       |  3 +++
 2 files changed, 18 insertions(+), 7 deletions(-)

(limited to 'animism-align/frontend/app/views/nav')

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,
 })
diff --git a/animism-align/frontend/app/views/nav/nav.css b/animism-align/frontend/app/views/nav/nav.css
index 0c9a992..765c00f 100644
--- a/animism-align/frontend/app/views/nav/nav.css
+++ b/animism-align/frontend/app/views/nav/nav.css
@@ -41,6 +41,9 @@ header > div > button:hover {
   border-color: #fff;
   color: #fff;
 }
+header > div:first-child a {
+  padding: 0.5rem;
+}
 header > div:last-child a {
   padding: 0.5rem;
 }
-- 
cgit v1.2.3-70-g09d2