diff options
| -rw-r--r-- | animism-align/frontend/app/views/viewer/nav/nav.parent.js | 20 |
1 files changed, 9 insertions, 11 deletions
diff --git a/animism-align/frontend/app/views/viewer/nav/nav.parent.js b/animism-align/frontend/app/views/viewer/nav/nav.parent.js index 0f445a5..c73ab7a 100644 --- a/animism-align/frontend/app/views/viewer/nav/nav.parent.js +++ b/animism-align/frontend/app/views/viewer/nav/nav.parent.js @@ -53,7 +53,7 @@ class NavParent extends Component { let containerClassName = "viewer-nav " + viewer.navStyle let navClassName = 'nav-row main-nav' if (this.state.hoveringNav || !started) containerClassName += ' hovering-nav' - if ((this.state.hoveringNext || viewer.atEndOfSection) && !viewer.nav) containerClassName += ' hovering-next' + if ((this.state.hoveringNext || viewer.atEndOfSection) && !viewer.nav && !viewer.credits && viewer.nextSection) containerClassName += ' hovering-next' return ( <div className={containerClassName} onMouseLeave={this.handleMouseLeave}> <div className={navClassName}> @@ -75,16 +75,14 @@ class NavParent extends Component { <NavPlayer /> </div> <div className='nav-next'> - {viewer.nextSection && - <span - className="next-link link" - onMouseEnter={this.handleMouseEnterNext} - onClick={this.goToNextSection} - > - Next - <Arrow type={'right'} /> - </span> - } + <span + className="next-link link" + onMouseEnter={this.handleMouseEnterNext} + onClick={this.goToNextSection} + > + {viewer.credits ? "Replay Episode 1. Animist Origins & Export Projections" : "Next"} + <Arrow type={'right'} /> + </span> </div> <div className="nav-progress-percentage" style={{ width: viewer.currentSection ? sectionProgressPercentage(viewer.currentSection, play_ts) : 0 |