hovering logic

1 files changed, 7 insertions, 1 deletions

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,
 })