1 files changed, 12 insertions, 1 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 fc72cf3..0f445a5 100644
--- a/animism-align/frontend/app/views/viewer/nav/nav.parent.js
+++ b/animism-align/frontend/app/views/viewer/nav/nav.parent.js
@@ -19,6 +19,7 @@ class NavParent extends Component {
     this.handleMouseLeave = this.handleMouseLeave.bind(this)
     this.handleMouseEnterNext = this.handleMouseEnterNext.bind(this)
     this.handleMouseLeaveNext = this.handleMouseLeaveNext.bind(this)
+    this.goToNextSection = this.goToNextSection.bind(this)
   }
   handleMouseEnter(){
     if (this.state.suppressHover) return
@@ -37,6 +38,16 @@ class NavParent extends Component {
       this.setState({ suppressHover: false })
     }, 50)
   }
+  goToNextSection() {
+    const { viewer } = this.props
+    if (viewer.nextSection) {
+      actions.viewer.seekToSection(viewer.nextSection)
+    } else if (viewer.credits) {
+      actions.viewer.seekToBeginning()
+    } else {
+      actions.viewer.showCredits()
+    }
+  }
   render() {
     const { viewer, play_ts, started } = this.props
     let containerClassName = "viewer-nav " + viewer.navStyle
@@ -68,7 +79,7 @@ class NavParent extends Component {
               <span
                 className="next-link link"
                 onMouseEnter={this.handleMouseEnterNext}
-                onClick={() => actions.viewer.seekToSection(viewer.nextSection)}
+                onClick={this.goToNextSection}
               >
                 Next
                 <Arrow type={'right'} />