messaging if rest of chapters are disabled. grayscale all disabled media

1 files changed, 9 insertions, 1 deletions

diff --git a/animism-align/frontend/app/views/viewer/player/player.transcript.js b/animism-align/frontend/app/views/viewer/player/player.transcript.js
index 1ce98ef..7a9d4aa 100644
--- a/animism-align/frontend/app/views/viewer/player/player.transcript.js
+++ b/animism-align/frontend/app/views/viewer/player/player.transcript.js
@@ -4,7 +4,7 @@ import React, { Component } from 'react'
 import { connect } from 'react-redux'
 
 import actions from 'app/actions'
-import { timestampToSeconds } from 'app/utils'
+import { isHandheld, xor, timestampToSeconds } from 'app/utils'
 
 import ParagraphList from 'app/views/paragraph/components/paragraph.list'
 import { inlineComponents } from './components.inline'
@@ -47,12 +47,20 @@ class PlayerTranscript extends Component {
   }
   
   handleScroll(e) {
+    if (isHandheld) {
+      const isScrolledPastIntro = this.containerRef.current.scrollTop > 100
+      if (xor(this.props.viewer.navGradient, isScrolledPastIntro)) {
+        console.log('toggle nav gradient', isScrolledPastIntro)
+        actions.viewer.toggleNavGradient(isScrolledPastIntro)
+      }
+    }
     if (this.props.viewer.growlOpen) {
       actions.viewer.closeGrowl()
       if (this.props.viewer.currentSection.index === 0) {
         actions.audio.play()
       }
     }
+
   }
 
   render() {