From a5a75a5f5c82dc62ece1eb292d2ea3225d1e5ef9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Sebastian=20Kr=C3=BCger?= <valknar@pivoine.art>
Date: Tue, 18 Nov 2025 15:36:25 +0100
Subject: [PATCH] feat: show volume off icon when track volume is 0
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Volume icon now switches between Volume2 and VolumeX based on volume value
- Matches behavior of master volume controls for consistency
- Icon size remains consistent at h-3.5 w-3.5

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
---
 components/tracks/Track.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/components/tracks/Track.tsx b/components/tracks/Track.tsx
index 8aa4b49..ac4917c 100644
--- a/components/tracks/Track.tsx
+++ b/components/tracks/Track.tsx
@@ -508,7 +508,11 @@ export function Track({
             {/* Volume */}
             <div className="flex items-center gap-2">
               <label className="text-xs text-muted-foreground flex items-center gap-1 w-16 flex-shrink-0">
-                <Volume2 className="h-3.5 w-3.5" />
+                {track.volume === 0 ? (
+                  <VolumeX className="h-3.5 w-3.5" />
+                ) : (
+                  <Volume2 className="h-3.5 w-3.5" />
+                )}
                 Volume
               </label>
               <div className="flex-1">