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

---
 animism-align/frontend/app/views/viewer/nav/eflux.chrome.js | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

(limited to 'animism-align/frontend/app/views/viewer/nav/eflux.chrome.js')

diff --git a/animism-align/frontend/app/views/viewer/nav/eflux.chrome.js b/animism-align/frontend/app/views/viewer/nav/eflux.chrome.js
index 40c8365..f8c2892 100644
--- a/animism-align/frontend/app/views/viewer/nav/eflux.chrome.js
+++ b/animism-align/frontend/app/views/viewer/nav/eflux.chrome.js
@@ -7,13 +7,16 @@ import {
 import { PlayButton } from './viewer.icons'
 import actions from 'app/actions'
 
-const EfluxChrome = React.memo(({ navStyle, playing, transcriptOpen }) => (
+const EfluxChrome = React.memo(({ navStyle, playing, transcriptOpen, started, growlOpen, growlMessage }) => (
   <div className={"eflux-header " + navStyle + (transcriptOpen ? ' transcript-open' : '')}>
     <div className="eflux-logo">
       <a href="/">
         {EfluxLogo}
       </a>
     </div>
+    <div className={growlOpen ? "growl-message open" : "growl-message"}>
+      {growlMessage}
+    </div>
     <div className="eflux-nav">
       <PlayButton playing={playing} />
       <div className="transcript-icon" onClick={() => actions.viewer.toggleComponent('transcript')}>
@@ -27,6 +30,8 @@ const mapStateToProps = state => ({
   navStyle: state.viewer.navStyle,
   playing: state.audio.playing,
   transcriptOpen: state.viewer.transcript,
+  growlOpen: state.viewer.growlOpen,
+  growlMessage: state.viewer.growlMessage,
 })
 
 export default connect(mapStateToProps)(EfluxChrome)
-- 
cgit v1.2.3-70-g09d2