From 87ab26001d380f5d9828aad01797fcb43a7d595a Mon Sep 17 00:00:00 2001
From: Matthias Meulien <orontee@gmail.com>
Date: Wed, 8 May 2024 17:28:18 +0200
Subject: [PATCH] Show/Hide mute and volume controls depending on volume value

Refs: #874
---
 src/js/components/PlaybackControls.js | 29 ++++++++++++++-------------
 1 file changed, 15 insertions(+), 14 deletions(-)

diff --git a/src/js/components/PlaybackControls.js b/src/js/components/PlaybackControls.js
index 9c8fa1a4d..5363cd881 100755
--- a/src/js/components/PlaybackControls.js
+++ b/src/js/components/PlaybackControls.js
@@ -195,20 +195,21 @@ const PlaybackControls = () => {
         </button>
         <OutputControl force_expanded={expanded} />
       </section>
-
-      <section className="volume">
-        <MuteControl
-          mute={mute}
-          onMuteChange={(value) => dispatch(mopidyActions.setMute(value))}
-        />
-        <VolumeControl
-          scrollWheel
-          volume={volume}
-          mute={mute}
-          onVolumeChange={(value) => dispatch(mopidyActions.setVolume(value))}
-        />
-      </section>
-
+      {
+        volume !== null &&
+          <section className="volume">
+            <MuteControl
+              mute={mute}
+              onMuteChange={(value) => dispatch(mopidyActions.setMute(value))}
+            />
+            <VolumeControl
+              scrollWheel
+              volume={volume}
+              mute={mute}
+              onVolumeChange={(value) => dispatch(mopidyActions.setVolume(value))}
+            />
+          </section>
+      }
       <section className="triggers">
         <button
           type="button"