From 6793a68bb8fdd7d1193b8bdfe78f43e1ab0582d3 Mon Sep 17 00:00:00 2001
From: retrozinndev <joaovodias@gmail.com>
Date: Wed, 8 Oct 2025 00:11:24 -0300
Subject: [PATCH] :boom: fix(bar/media): connecting to dummy player

the connect method doesn't exist in the dummy player, so errors were happening
---
 src/window/bar/widgets/Media.tsx | 27 +++++++++++----------------
 1 file changed, 11 insertions(+), 16 deletions(-)

diff --git a/src/window/bar/widgets/Media.tsx b/src/window/bar/widgets/Media.tsx
index eef34e0..f65c3cc 100644
--- a/src/window/bar/widgets/Media.tsx
+++ b/src/window/bar/widgets/Media.tsx
@@ -5,16 +5,14 @@ import { Windows } from "../../../windows";
 import { Clipboard } from "../../../modules/clipboard";
 import { getPlayerIconFromBusName, secureBaseBinding, variableToBoolean } from "../../../modules/utils";
 import { tr } from "../../../i18n/intl";
-
 import { default as Player } from "../../../modules/media";
+
 import AstalMpris from "gi://AstalMpris";
 import Pango from "gi://Pango?version=1.0";
 
 
 export const Media = () => 
-    <Gtk.Box class={"media"} visible={secureBaseBinding<AstalMpris.Player>(createBinding(
-            Player.getDefault(), "player"
-        ), "available", false)}>
+    <Gtk.Box class={"media"} visible={createBinding(Player.getDefault(), "player").as(p => p.available)}>
         <Gtk.EventControllerScroll $={(self) => {
               self.set_flags(Gtk.EventControllerScrollFlags.VERTICAL)
           }} onScroll={(_, __, dy) => {
@@ -53,14 +51,12 @@ export const Media = () =>
               revealer.set_reveal_child(false);
           }}
         />
-        <Gtk.Box spacing={4} visible={secureBaseBinding<AstalMpris.Player>(createBinding(
-              Player.getDefault(), "player"
-          ), "available", false)
-        }>
-            <With value={secureBaseBinding<AstalMpris.Player>(createBinding(
-                  Player.getDefault(), "player"
-              ), "available", false)
-            }>
+        <Gtk.Box spacing={4} visible={createBinding(Player.getDefault(), "player")
+          .as(p => p.available)}>
+
+            <With value={createBinding(Player.getDefault(), "player")
+              .as(p => p.available)}>
+
                 {(available: boolean) => available && <Gtk.Box>
                     <Gtk.Image class={"player-icon"} iconName={
                         secureBaseBinding<AstalMpris.Player>(createBinding(
@@ -87,10 +83,9 @@ export const Media = () =>
         <Gtk.Revealer transitionType={Gtk.RevealerTransitionType.SLIDE_RIGHT} transitionDuration={260}
           revealChild={false}>
 
-            <With value={secureBaseBinding<AstalMpris.Player>(createBinding(
-                  Player.getDefault(), "player"
-              ), "available", false)
-            }>
+            <With value={createBinding(Player.getDefault(), "player")
+              .as(p => p.available)}>
+
                 {(available: boolean) => available && <Gtk.Box class={"buttons"} spacing={4}>
                     <Gtk.Box class={"extra button-row"}>
                         <Gtk.Button class={"link"} iconName={"edit-paste-symbolic"}