diff options
Diffstat (limited to 'animism-align/frontend/app/views/nav/header.component.js')
| -rw-r--r-- | animism-align/frontend/app/views/nav/header.component.js | 22 |
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, }) |