arrows and tmp volume icon

2 files changed, 14 insertions, 0 deletions

diff --git a/animism-align/frontend/app/views/audio/audio.actions.js b/animism-align/frontend/app/views/audio/audio.actions.js
index bd256a4..c12f7ee 100644
--- a/animism-align/frontend/app/views/audio/audio.actions.js
+++ b/animism-align/frontend/app/views/audio/audio.actions.js
@@ -38,3 +38,11 @@ export const toggle = () => dispatch => {
     play()(dispatch)
   }
 }
+export const toggleMuted = () => dispatch => {
+  if (store.getState().audio.muted) {
+    audioPlayer.muted = false
+  } else {
+    audioPlayer.muted = true
+  }
+  dispatch({ type: types.audio.toggle_muted })
+}
diff --git a/animism-align/frontend/app/views/audio/audio.reducer.js b/animism-align/frontend/app/views/audio/audio.reducer.js
index 6149ca6..09ce6ce 100644
--- a/animism-align/frontend/app/views/audio/audio.reducer.js
+++ b/animism-align/frontend/app/views/audio/audio.reducer.js
@@ -4,6 +4,7 @@ import { session, getDefault, getDefaultInt } from 'app/session'
 const initialState = {
   playing: false,
   play_ts: 0,
+  muted: false,
 }
 
 export default function alignReducer(state = initialState, action) {
@@ -24,6 +25,11 @@ export default function alignReducer(state = initialState, action) {
         ...state,
         play_ts: action.play_ts,
       }
+    case types.audio.toggle_muted:
+      return {
+        ...state,
+        muted: !state.muted,
+      }
     default:
       return state
   }