From e7aba6241ae80f41880193896422aa90c7d4144d Mon Sep 17 00:00:00 2001
From: Jules Laplace <julescarbon@gmail.com>
Date: Fri, 28 Aug 2020 15:44:45 +0200
Subject: inverse overlay, growl, fix next button when nav open

---
 .../frontend/app/views/viewer/player/player.transcript.js     | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

(limited to 'animism-align/frontend/app/views/viewer/player/player.transcript.js')

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 17218d5..cee70a8 100644
--- a/animism-align/frontend/app/views/viewer/player/player.transcript.js
+++ b/animism-align/frontend/app/views/viewer/player/player.transcript.js
@@ -14,6 +14,7 @@ class PlayerTranscript extends Component {
     this.handleClose = this.handleClose.bind(this)
     this.handleAnnotationClick = this.handleAnnotationClick.bind(this)
     this.handleParagraphDoubleClick = this.handleParagraphDoubleClick.bind(this)
+    this.handleScroll = this.handleScroll.bind(this)
     this.containerRef = React.createRef()
   }
 
@@ -37,10 +38,16 @@ class PlayerTranscript extends Component {
   handleClose() {
   }
 
+  handleScroll(e) {
+    if (this.props.viewer.growlOpen) {
+      actions.viewer.closeGrowl()
+    }
+  }
+
   render() {
     const { paragraphs } = this.props.section
     return (
-      <div className="player-transcript" ref={this.containerRef}>
+      <div className="player-transcript" ref={this.containerRef} onScroll={this.handleScroll}>
         <div className='content'>
           <ParagraphList
             paragraphs={paragraphs}
@@ -55,7 +62,7 @@ class PlayerTranscript extends Component {
 }
 
 const mapStateToProps = state => ({
-  // viewer: state.viewer,
+  viewer: state.viewer,
 })
 
 const mapDispatchToProps = dispatch => ({
-- 
cgit v1.2.3-70-g09d2