From 62f58018c75be131a5743dec64a1e7aa8647fd41 Mon Sep 17 00:00:00 2001
From: Matthias Meulien <orontee@gmail.com>
Date: Sun, 9 Aug 2020 19:39:15 +0200
Subject: [PATCH] Allow mute/unmute playback controls to be translated

---
 src/js/components/Fields/MuteControl.js | 5 +++--
 src/js/locale/en.yaml                   | 2 ++
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/js/components/Fields/MuteControl.js b/src/js/components/Fields/MuteControl.js
index c1c34b31..f743721f 100755
--- a/src/js/components/Fields/MuteControl.js
+++ b/src/js/components/Fields/MuteControl.js
@@ -1,20 +1,21 @@
 
 import React, { memo } from 'react';
 import Icon from '../Icon';
+import { I18n } from '../../locale';
 
 export default memo((props) => {
   if (props.mute) {
     return (
       <button className={`control mute-control ${props.noTooltip ? '' : 'tooltip '}${props.className ? props.className : ''}`} onClick={() => props.onMuteChange(false)}>
         <Icon className="red-text" name="volume_off" />
-        {props.noTooltip ? null : <span className="tooltip__content">Unmute</span>}
+        {props.noTooltip ? null : <span className="tooltip__content"><I18n path="playback_controls.unmute"/></span>}
       </button>
     );
   }
   return (
     <button className={`control mute-control ${props.noTooltip ? '' : 'tooltip '}${props.className ? props.className : ''}`} onClick={() => props.onMuteChange(true)}>
       <Icon className="muted" name="volume_mute" />
-      {props.noTooltip ? null : <span className="tooltip__content">Mute</span>}
+      {props.noTooltip ? null : <span className="tooltip__content"><I18n path="playback_controls.mute"/></span>}
     </button>
   );
 });
diff --git a/src/js/locale/en.yaml b/src/js/locale/en.yaml
index a59312b6..882ed29f 100755
--- a/src/js/locale/en.yaml
+++ b/src/js/locale/en.yaml
@@ -174,6 +174,8 @@ playback_controls:
   shuffle: Shuffle
   repeat: Repeat
   no_outputs: No outputs
+  mute: Mute
+  unmute: Unmute
 snapcast:
   enabled: Enabled
   show_disconnected_clients: Show disconnected clients