From fed0d542f7210bb0de106373efaad10b3a859c29 Mon Sep 17 00:00:00 2001
From: Benjamin Palko <benjaminpalko@hotmail.com>
Date: Wed, 30 Jul 2025 09:46:02 -0400
Subject: [PATCH] widgets on pipewire

---
 modules/bar/components/Pipewire.qml | 22 +++++-----------------
 1 file changed, 5 insertions(+), 17 deletions(-)

diff --git a/modules/bar/components/Pipewire.qml b/modules/bar/components/Pipewire.qml
index 631ca03..94791ad 100644
--- a/modules/bar/components/Pipewire.qml
+++ b/modules/bar/components/Pipewire.qml
@@ -1,16 +1,13 @@
+import qs.config
+import qs.widgets
 import QtQuick
 import Quickshell.Services.Pipewire
-import "../../../config/"
-import "../../../styled/"
 
-Clickable {
+StyledButton {
     id: clickable
 
     property var sink: Pipewire.defaultAudioSink
 
-    implicitWidth: text.width
-    implicitHeight: Dimensions.pipewire.height
-
     PwObjectTracker {
         id: bound
         objects: [clickable.sink]
@@ -18,7 +15,7 @@ Clickable {
 
     onClicked: mouse => {
         if (!sink) {
-          return
+            return;
         }
         if (mouse.button == Qt.LeftButton) {
             sink.audio.muted = !sink?.audio.muted;
@@ -56,20 +53,11 @@ Clickable {
         }
     ]
 
-    StyledText {
+    content: StyledText {
         id: text
-
         property string icon: " "
-
         text: `${icon} ${(clickable.sink?.audio.volume * 100).toFixed()}%`
         font.pixelSize: Dimensions.pipewire.fontSize
-
         color: clickable.containsMouse ? Theme.palette.base300 : Theme.palette.basecontent
-
-        anchors.verticalCenter: parent.verticalCenter
-        topPadding: Dimensions.pipewire.verticalPadding
-        bottomPadding: Dimensions.pipewire.verticalPadding
-        leftPadding: Dimensions.pipewire.horizontalPadding
-        rightPadding: Dimensions.pipewire.horizontalPadding
     }
 }