1 files changed, 11 insertions, 10 deletions
diff --git a/animism-align/frontend/app/views/align/components/player/playButton.component.js b/animism-align/frontend/app/views/align/components/player/playButton.component.js
index 03603ce..f411941 100644
--- a/animism-align/frontend/app/views/align/components/player/playButton.component.js
+++ b/animism-align/frontend/app/views/align/components/player/playButton.component.js
@@ -1,21 +1,22 @@
-import React, { Component } from 'react'
-import { connect } from 'react-redux'
+import React from 'react'
 
 import actions from 'app/actions'
 
-const PlayButton = ({ audio }) => {
+const PlayButton = ({ playing, onClick }) => {
   return (
     <div
-      className={audio.playing ? 'playButton playing' : 'playButton paused'}
+      className={playing ? 'playButton playing' : 'playButton paused'}
       onClick={() => {
-        audio.playing ? actions.audio.pause() : actions.audio.play()
+        if (onClick) {
+          onClick(playing)
+        } else if (playing) {
+          actions.audio.pause()
+        } else {
+          actions.audio.play()
+        }
       }}
     />
   )
 }
 
-const mapStateToProps = state => ({
-  audio: state.audio,
-})
-
-export default connect(mapStateToProps)(PlayButton)
+export default PlayButton