diff options
| author | Jules Laplace <julescarbon@gmail.com> | 2020-10-01 18:14:14 +0200 |
|---|---|---|
| committer | Jules Laplace <julescarbon@gmail.com> | 2020-10-01 18:14:14 +0200 |
| commit | c15756e395e8507e5e06324efcd209385761165d (patch) | |
| tree | 6fb09dcde6bb220ec0a44ae9b3915dbb233ef18c /animism-align/frontend/app/views/viewer/nav | |
| parent | f29cc6bc3048b5a6c5652ff36c5b6049ee50327e (diff) | |
next button
Diffstat (limited to 'animism-align/frontend/app/views/viewer/nav')
| -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 |