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) + '%')} > );