Merge pull request #951 from orontee/874-optional-volume-bar

Show/Hide mute and volume control depending on volume value
jaedb · Oct 28, 2024 · 18c55ae · 18c55ae
2 parents 15556f0 + 87ab260
commit 18c55ae
Showing 1 changed file with 15 additions and 14 deletions.
diff --git 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"