fixing section skip

1 files changed, 10 insertions, 6 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 a4c2aee..fdad211 100644
--- a/animism-align/frontend/app/views/viewer/nav/nav.parent.js
+++ b/animism-align/frontend/app/views/viewer/nav/nav.parent.js
@@ -43,16 +43,19 @@ class NavParent extends Component {
   handleNavBarClick(e) {
     e && e.stopPropagation()
     actions.viewer.toggleComponent('nav')
+    console.log('>> CLICK NAV')
   }
   goToNextSection(e) {
     e && e.preventDefault()
     e && e.stopPropagation()
     const { viewer } = this.props
+    console.log('>> SEEK')
     if (viewer.nextSection) {
       actions.viewer.seekToSection(viewer.nextSection)
     } else {
       actions.viewer.seekToBeginning()
     }
+    this.setState({ hoveringNext: false, hoveringNav: false, suppressHover: true })
   }
   render() {
     const { viewer, play_ts, started, playing } = this.props
@@ -101,13 +104,14 @@ class NavParent extends Component {
         </div>
         {viewer.nextSection &&
           <div className="next-section-thumbnail"
-            onClick={() => {
-              actions.viewer.seekToSection(viewer.nextSection)
-              this.setState({ hoveringNext: false, hoveringNav: false, suppressHover: true })
-            }}
+            onClick={this.goToNextSection}
             style={{
-            backgroundImage: viewer.nextSection.media.length && 'url(' + thumbnailURL(viewer.nextSection.media[0].media) + ')',
-          }}/>
+              backgroundImage: (
+                viewer.nextSection.media.length
+                && 'url(' + thumbnailURL(viewer.nextSection.media[0].media) + ')'
+              ),
+            }}
+          />
         }
       </div>
     )