dan/dots-hyprland
1
0
Fork 0
mirror of https://github.com/danbulant/dots-hyprland synced 2026-05-25 12:52:09 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

sidebar: bluetooth: icon for empty state

Browse source
This commit is contained in:
end-4 2024-03-29 12:48:45 +07:00
parent 02a54e7bcb
commit 6ef0fec4a0
1 changed files with 28 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

30
.config/ags/modules/sideright/centermodules/bluetooth.js
View file

@ -88,6 +88,24 @@ const BluetoothDevice = (device) => {
}
export default (props) => {
const emptyContent = Box({
homogeneous: true,
children: [Box({
vertical: true,
vpack: 'center',
className: 'txt spacing-v-10',
children: [
Box({
vertical: true,
className: 'spacing-v-5 txt-subtext',
children: [
MaterialIcon('bluetooth_disabled', 'gigantic'),
Label({ label: 'No Bluetooth devices', className: 'txt-small' }),
]
}),
]
})]
});
const deviceList = Scrollable({
vexpand: true,
child: Box({
@ -104,14 +122,22 @@ export default (props) => {
.hook(Bluetooth, self.attribute.updateDevices, 'device-removed')
,
})
});
const mainContent = Stack({
children: {
'empty': emptyContent,
'list': deviceList,
},
setup: (self) => self.hook(Bluetooth, (self) => {
self.shown = (Bluetooth.devices.length > 0 ? 'list' : 'empty')
}),
})
return Box({
...props,
className: 'spacing-v-5',
vertical: true,
children: [
deviceList,
// mainContent,
mainContent,
// status,
]
});