mute button. muting audio

1 files changed, 18 insertions, 0 deletions

diff --git a/frontend/site/audio/mute.button.js b/frontend/site/audio/mute.button.js
new file mode 100644
index 0000000..c2606d3
--- /dev/null
+++ b/frontend/site/audio/mute.button.js
@@ -0,0 +1,18 @@
+import React from 'react'
+import { connect } from 'react-redux'
+
+import { VolumeOn, VolumeOff } from './audio.icons'
+
+import actions from 'site/actions'
+
+const MuteButton = ({ muted }) => (
+  <div className="mute" onClick={muted ? actions.audio.unmute : actions.audio.mute}>
+    {muted ? VolumeOff : VolumeOn}
+  </div>
+)
+
+const mapStateToProps = state => ({
+  muted: state.audio.muted,
+})
+
+export default connect(mapStateToProps)(MuteButton)