From c15756e395e8507e5e06324efcd209385761165d Mon Sep 17 00:00:00 2001
From: Jules Laplace <julescarbon@gmail.com>
Date: Thu, 1 Oct 2020 18:14:14 +0200
Subject: next button

---
 .../frontend/app/views/viewer/nav/nav.parent.js      | 20 +++++++++-----------
 1 file changed, 9 insertions(+), 11 deletions(-)

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

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
-- 
cgit v1.2.3-70-g09d2