From 6adfe561f65096d4117e8daa5aeb576552b6d060 Mon Sep 17 00:00:00 2001
From: Jules Laplace <julescarbon@gmail.com>
Date: Sat, 21 Nov 2020 17:46:24 +0100
Subject: close fullscreen

---
 animism-align/frontend/app/views/viewer/nav/eflux.chrome.js | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

(limited to 'animism-align/frontend/app/views/viewer/nav')

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 5775b11..e58e2e1 100644
--- a/animism-align/frontend/app/views/viewer/nav/eflux.chrome.js
+++ b/animism-align/frontend/app/views/viewer/nav/eflux.chrome.js
@@ -57,7 +57,8 @@ class EfluxChrome extends Component {
   render() {
     const {
       navStyle, navGradient,
-      playing, transcriptOpen, isFullscreen,
+      playing, transcriptOpen,
+      isFullscreen, fullscreenVisible,
       growlOpen, growlMessage,
       atEndOfSection, currentSection
     } = this.props
@@ -81,11 +82,15 @@ class EfluxChrome extends Component {
           {growlMessage}
         </div>
         <div className="eflux-nav">
-          {isFullscreen &&
+          {isFullscreen && fullscreenVisible &&
             <div
               className="fullscreen-close"
               onMouseEnter={() => this.handleMouseEnter('close')}
               onMouseLeave={() => this.handleMouseLeave('close')}
+              onClick={() => {
+                actions.viewer.toggleFullscreenVisible(false)
+                this.handleMouseLeave('close')
+              }}
             >
               {EfluxClose}
             </div>
@@ -150,6 +155,7 @@ const mapStateToProps = state => ({
   atEndOfSection: state.viewer.atEndOfSection,
   currentSection: state.viewer.currentSection,
   isFullscreen: state.viewer.isFullscreen,
+  fullscreenVisible: state.viewer.fullscreenVisible,
 })
 
 export default connect(mapStateToProps)(EfluxChrome)
-- 
cgit v1.2.3-70-g09d2