feat: Synchronize symbolic icon for volume and mute buttons with currently set volume

Signed-off-by: Felicitas Pojtinger <[email protected]>

Author: pojntfx

internal/components/controls.go

@@ -156,6 +156,7 @@ func OpenControlsWindow(
 	playButton := builder.GetObject("play-button").Cast().(*gtk.Button)
 	stopButton := builder.GetObject("stop-button").Cast().(*gtk.Button)
 	volumeScale := builder.GetObject("volume-scale").Cast().(*gtk.Scale)
+	volumeButton := builder.GetObject("volume-button").Cast().(*gtk.MenuButton)
 	volumeMuteButton := builder.GetObject("audiovolume-button-mute-button").Cast().(*gtk.Button)
 	subtitleButton := builder.GetObject("subtitle-button").Cast().(*gtk.Button)
 	audiotracksButton := builder.GetObject("audiotracks-button").Cast().(*gtk.Button)
@@ -1383,8 +1384,23 @@ func OpenControlsWindow(
 			})
 
 			volumeScale.ConnectValueChanged(func() {
+				value := volumeScale.Value()
+
+				if value <= 0 {
+					volumeButton.SetIconName("audio-volume-muted-symbolic")
+					volumeMuteButton.SetIconName("audio-volume-muted-symbolic")
+				} else if value <= 0.3 {
+					volumeButton.SetIconName("audio-volume-low-symbolic")
+					volumeMuteButton.SetIconName("audio-volume-high-symbolic")
+				} else if value <= 0.6 {
+					volumeButton.SetIconName("audio-volume-medium-symbolic")
+					volumeMuteButton.SetIconName("audio-volume-high-symbolic")
+				} else {
+					volumeButton.SetIconName("audio-volume-high-symbolic")
+					volumeMuteButton.SetIconName("audio-volume-high-symbolic")
+				}
+
 				if err := mpvClient.ExecuteMPVRequest(ipcFile, func(encoder *json.Encoder, decoder *json.Decoder) error {
-					value := volumeScale.Value()
 
 					log.Info().
 						Float64("value", value).

internal/resources/controls.blp

@@ -143,12 +143,12 @@ Adw.ApplicationWindow main-window {
             ]
           }
 
-          MenuButton {
+          MenuButton volume-button {
             styles [
               "flat",
             ]
 
-            icon-name: 'audio-volume-medium';
+            icon-name: 'audio-volume-high-symbolic';
             tooltip-text: 'Change audio volume';
             popover: audiovolume-button-popover;
           }
@@ -237,11 +237,8 @@ Popover audiovolume-button-popover {
     margin-end: 6;
 
     Button audiovolume-button-mute-button {
-      icon-name: "multimedia-volume-control-symbolic";
-
-      accessibility {
-        label: 'Mute/Unmute';
-      }
+      icon-name: "audio-volume-high-symbolic";
+      tooltip-text: 'Mute/unmute';
 
       styles [
         "circular"