✨ ags(bar, notifications, control-center): add status icons to bar, notification history fixed, notification history below control-center

ags/widget/control-center/tiles/Bluetooth.ts

@@ -6,8 +6,10 @@ import { BluetoothPage } from "../pages/Bluetooth";
 
 export const TileBluetooth = Tile({
     title: "Bluetooth",
-    description: bind(AstalBluetooth.get_default(), "devices").as((devices: Array<AstalBluetooth.Device>) => 
-      devices.filter((dev: AstalBluetooth.Device) => dev.connected)[0]?.get_alias()),
+    description: bind(AstalBluetooth.get_default(), "isConnected").as((connected) => {
+        const connectedDev = AstalBluetooth.get_default().devices.filter(dev => dev.connected)?.[0];
+        return connected && connectedDev ? connectedDev.get_alias() : ""
+    }),
     onToggledOn: () => AstalBluetooth.get_default().adapter.set_powered(true),
     onToggledOff: () => AstalBluetooth.get_default().adapter.set_powered(false),
     onClickMore: () => togglePage(BluetoothPage),

ags/widget/control-center/tiles/DoNotDisturb.ts

@@ -0,0 +1,15 @@
+import { bind } from "astal";
+import { Notifications } from "../../../scripts/notifications";
+import { Tile } from "./Tile";
+import { tr } from "../../../i18n/intl";
+
+export const TileDND = Tile({
+    title: tr("control_center.tiles.dnd.title"),
+    description: bind(Notifications.getDefault().getNotifd(), "dontDisturb").as(
+        (dnd: boolean) => dnd ? tr("control_center.tiles.enabled") : tr("control_center.tiles.disabled")),
+    onToggledOff: () => Notifications.getDefault().getNotifd().dontDisturb = false,
+    onToggledOn: () => Notifications.getDefault().getNotifd().dontDisturb = true,
+    icon: "󰍶",
+    iconSize: 16,
+    toggleState: Notifications.getDefault().getNotifd().dontDisturb
+});

ags/widget/control-center/tiles/NightLight.ts

@@ -0,0 +1,10 @@
+import { Tile, TileProps } from "./Tile";
+
+export const TileNightLight = Tile({
+    title: "Luz Noturna",
+    icon: "󰖔",
+    iconSize: 16,
+    onToggledOff: () => false,
+    onToggledOn: () => true,
+    toggleState: false
+} as TileProps);

ags/widget/control-center/tiles/Tile.ts

@@ -56,7 +56,7 @@ export function Tile(props: TileProps): Widget.EventBox {
                         new Widget.Label({
                             className: "icon nf",
                             label: props.icon || "icon",
-                            css: `label { font-size: ${props.iconSize || "12"}px; }`
+                            css: `label { font-size: ${props.iconSize || 12}px; }`
                         } as Widget.LabelProps),
                         new Widget.Box({
                             className: "text",
@@ -74,23 +74,15 @@ export function Tile(props: TileProps): Widget.EventBox {
                                 } as Widget.LabelProps),
                                 new Widget.Label({
                                     className: "description",
-                                    visible: Boolean(props.description),
-                                    setup: (label: Widget.Label) => {
-                                        if(props.description instanceof Binding) {
-                                            const sub = props.description.subscribe((value) => {
-                                                label.set_visible(Boolean(value));
-                                            });
-
-                                            const destroyId = label.connect("destroy-event", () => {
-                                                label.disconnect(destroyId);
-                                                sub();
-                                            });
-                                        }
-                                    },
+                                    visible: (props.description instanceof Binding) ?
+                                        props.description.as(Boolean)
+                                    : Boolean(props.description),
                                     halign: Gtk.Align.START,
                                     truncate: true,
                                     xalign: 0,
-                                    label: props.description
+                                    label: (props.description instanceof Binding) ?
+                                        props.description.as((desc) => desc ? desc : "")
+                                    : (props.description || "")
                                 } as Widget.LabelProps)
                             ]
                         } as Widget.BoxProps)