logo color on scroll. percolate whether we are in fullscreen mode

1 files changed, 5 insertions, 0 deletions

diff --git a/animism-align/frontend/app/views/viewer/player/player.fullscreen.js b/animism-align/frontend/app/views/viewer/player/player.fullscreen.js
index a60eee9..a4ea7d3 100644
--- a/animism-align/frontend/app/views/viewer/player/player.fullscreen.js
+++ b/animism-align/frontend/app/views/viewer/player/player.fullscreen.js
@@ -115,6 +115,10 @@ class PlayerFullscreen extends Component {
     }
     // elements.reverse()
     this.setState({ elements, persist })
+    // if fullscreen mode started or ended...
+    if (!!elements.length !== this.props.isFullscreen) {
+      actions.viewer.updateFullscreenStatus(!!elements.length, persist)
+    }
   }
 
   render() {
@@ -191,6 +195,7 @@ const FirstChild = (props) => {
 
 const mapStateToProps = state => ({
   currentSection: state.viewer.currentSection,
+  isFullscreen: state.viewer.isFullscreen,
   audio: state.audio,
   media: state.media.index,
   timeline: state.viewer.currentSection ? state.viewer.currentSection.fullscreenTimeline : [],