From c5a6bfea8aa89900ae6d072313eef02948c79658 Mon Sep 17 00:00:00 2001
From: Jules Laplace <julescarbon@gmail.com>
Date: Mon, 19 Apr 2021 16:47:28 +0200
Subject: mute button. muting audio

---
 frontend/site/audio/mute.button.js | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)
 create mode 100644 frontend/site/audio/mute.button.js

(limited to 'frontend/site/audio/mute.button.js')

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)
-- 
cgit v1.2.3-70-g09d2