inverse overlay, growl, fix next button when nav open

1 files changed, 6 insertions, 1 deletions

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)