1 files changed, 8 insertions, 2 deletions
diff --git a/animism-align/frontend/app/views/viewer/nav/viewer.icons.js b/animism-align/frontend/app/views/viewer/nav/viewer.icons.js
index 31910b7..95be8b6 100644
--- a/animism-align/frontend/app/views/viewer/nav/viewer.icons.js
+++ b/animism-align/frontend/app/views/viewer/nav/viewer.icons.js
@@ -67,13 +67,19 @@ export const PauseIcon = (
   </svg>
 )
 
-export const PlayButton = ({ playing }) => {
+export const PlayButton = ({ playing, onClick }) => {
   return (
     <div
       className={playing ? 'playToggle playing' : 'playToggle paused'}
       onClick={e => {
         e && e.stopPropagation()
-        playing ? actions.audio.pause() : actions.viewer.playFromClick()
+        if (onClick) {
+          onClick(playing)
+        } else if (playing) {
+          actions.audio.pause()
+        } else {
+          actions.viewer.playFromClick()
+        }
       }}
     >
       {playing ? PauseIcon : PlayIcon}