♻️ ags(control-center/notifhistory): more structured function

ags/widget/control-center/NotifHistory.ts

@@ -4,21 +4,24 @@ import { HistoryNotification, Notifications } from "../../scripts/notifications"
 import { NotificationWidget } from "../Notification";
 
 
-export const NotifHistory = () => new Widget.Box({
+export const NotifHistory = () => {
+    return new Widget.Box({
         orientation: Gtk.Orientation.VERTICAL,
-    className: "history",
+        className: bind(Notifications.getDefault(), "history").as(history => history.length > 0 ? "history" : "history hide"),
-    visible: bind(Notifications.getDefault(), "history").as(history => history.length > 0),
         children: [
             new Widget.Scrollable({
                 className: "history",
                 hscroll: Gtk.PolicyType.NEVER,
                 vscroll: Gtk.PolicyType.AUTOMATIC,
-            visible: bind(Notifications.getDefault(), "history").as(history => history.length > 0),
                 propagateNaturalHeight: true,
                 propagateNaturalWidth: false,
                 onDraw: (scrollable) => {
+                    if(!(scrollable.get_child()! as Gtk.Viewport).get_child()) return;
+
                     scrollable.minContentHeight = 
-                    ((scrollable.get_child()! as Gtk.Viewport).get_child() as Widget.Box).get_children()?.[0].get_allocation().height || 0;
+                        ((scrollable.get_child()! as Gtk.Viewport).get_child() as Widget.Box
+                            ).get_children()?.[0].get_allocation().height 
+                        || 0;
                 },
                 child: new Widget.Box({
                     className: "notifications",
@@ -58,4 +61,5 @@ export const NotifHistory = () => new Widget.Box({
                 ]
             })
         ]
-} as Widget.BoxProps);
+    } as Widget.BoxProps);
+}