From 26778e91abc85f6967feafe90db8c7d8e3d9cb7a Mon Sep 17 00:00:00 2001
From: retrozinndev <joaovodias@gmail.com>
Date: Fri, 18 Jul 2025 00:03:27 -0300
Subject: [PATCH] :boom: fix(bar/media): play/pause not working when clicked

---
 ags/widget/bar/Media.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/ags/widget/bar/Media.tsx b/ags/widget/bar/Media.tsx
index a03ca10..2b01c51 100644
--- a/ags/widget/bar/Media.tsx
+++ b/ags/widget/bar/Media.tsx
@@ -99,7 +99,7 @@ export const Media = () => {
         <Gtk.Box spacing={4} visible={player(pl => pl.available)}>
             <With value={player(pl => pl.available)}>
                 {(available: boolean) => available && <Gtk.Box>
-                    <Gtk.Image iconName={createBinding(player.get(), "busName").as((busName) => {
+                    <Gtk.Image class={"player-icon"} iconName={createBinding(player.get(), "busName").as((busName) => {
                           const splitName = busName.split('.').filter(str => str !== "" && !str.toLowerCase().includes('instance'));
                           return getSymbolicIcon(splitName[splitName.length - 1]) ?
                               getSymbolicIcon(splitName[splitName.length - 1])!
@@ -144,7 +144,7 @@ export const Media = () => {
                       tooltipText={
                           createBinding(player.get(), "playbackStatus").as(status =>
                               status === AstalMpris.PlaybackStatus.PAUSED ? "Play" : "Pause")
-                      } onClicked={player.get().play_pause}
+                      } onClicked={() => player.get().play_pause()}
                     />
                     <Gtk.Button class={"next"} iconName={"media-skip-forward-symbolic"}
                       tooltipText={"Next"} onClicked={() => player.get().canGoNext &&