diff --git a/config/astal/components/bar/modules/QuickView.tsx b/config/astal/components/bar/modules/QuickView.tsx
index 9a7f9d5..a883d2a 100644
--- a/config/astal/components/bar/modules/QuickView.tsx
+++ b/config/astal/components/bar/modules/QuickView.tsx
@@ -65,6 +65,7 @@ const NetworkWidget = () => {
return "";
}
})}
+ tooltipText={bind(network.wifi, 'ssid')}
cssClasses={["network-widget", "quick-view-symbol"]}
visible={bind(network.wifi, "state").as(
state => state === STATE.ACTIVATED,
@@ -100,20 +101,17 @@ const BluetoothWidget = () => {
{bind(bluetooth, "devices").as(devices => {
return devices.map(device => {
return (
- c)}>
- icon,
- )}
- >
-
-
+ icon,
+ )}
+ visible={bind(device, "connected")}
+ tooltipText={bind(device, "batteryPercentage").as(
+ n => {
+ return device.get_name() + ': ' + n + "%";
+ },
+ )}
+ >
);
});
})}
@@ -129,6 +127,7 @@ const BatteryWidget = () => {
icon)}
cssClasses={["quick-view-symbol"]}
+ tooltipText={bind(battery, 'percentage').as(p => `${Math.round(p * 100)}%`)}
>
);
} else {
@@ -162,6 +161,7 @@ const Audio = () => {
icon => icon,
)}
cssClasses={["quick-view-symbol"]}
+ tooltipText={bind(wireplumber.defaultSpeaker, 'volume').as(v => Math.round(100 * v) + '%')}
>
{
"volumeIcon",
).as(icon => icon)}
cssClasses={["quick-view-symbol"]}
+ tooltipText={bind(wireplumber.defaultMicrophone, 'volume').as(v => Math.round(100 * v) + '%')}
>
);