From 90352b1c0e3f9ebcd543ce047e852fd7ca05a012 Mon Sep 17 00:00:00 2001
From: Jules Laplace <julescarbon@gmail.com>
Date: Fri, 30 Oct 2020 17:41:51 +0100
Subject: hovering logic

---
 animism-align/frontend/app/views/viewer/viewer.container.js | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

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

diff --git a/animism-align/frontend/app/views/viewer/viewer.container.js b/animism-align/frontend/app/views/viewer/viewer.container.js
index dde5ba6..38f08e4 100644
--- a/animism-align/frontend/app/views/viewer/viewer.container.js
+++ b/animism-align/frontend/app/views/viewer/viewer.container.js
@@ -33,11 +33,16 @@ import VitrineModal from './modals/modals.vitrine'
 
 class ViewerContainer extends Component {
   render() {
-    const { loaded, viewer } = this.props
+    const { loaded, viewer, playing } = this.props
     if (!loaded) {
       return <div className='viewer loading'><Loader /></div>
     }
     let className = 'viewer'
+    if (playing) {
+      className += ' audio-playing'
+    } else {
+      className += ' audio-paused'
+    }
     if (viewer.checklist || viewer.credits) {
       className += ' checklist-open'
     } else {
@@ -77,6 +82,7 @@ const mapStateToProps = state => ({
     !!state.media.index.lookup &&
     !!state.viewer.sections.length
   ),
+  playing: state.audio.playing,
   viewer: state.viewer,
 })
 
-- 
cgit v1.2.3-70-g09d2