Convert all remaining files to typescript.

2024-07-26 23:11:33 -07:00
parent ca5dcc629b
commit b511d76e11
84 changed files with 2075 additions and 1987 deletions
--- a/modules/menus/notifications/notification/index.ts
+++ b/modules/menus/notifications/notification/index.ts
@@ -0,0 +1,60 @@
+import { Notifications, Notification } from "types/service/notifications";
+import { notifHasImg } from "../utils.js";
+import { Header } from "./header/index.js";
+import { Actions } from "./actions/index.js";
+import { Image } from "./image/index.js";
+import { Placeholder } from "./placeholder/index.js";
+import { Body } from "./body/index.js";
+import { CloseButton } from "./close/index.js";
+
+const NotificationCard = (notifs: Notifications) => {
+    return Widget.Box({
+        class_name: "menu-content-container notifications",
+        hpack: "center",
+        vexpand: true,
+        spacing: 0,
+        vertical: true,
+        setup: (self) => {
+            self.hook(notifs, () => {
+                const sortedNotifications = notifs.notifications.sort(
+                    (a, b) => b.time - a.time,
+                );
+
+                if (notifs.notifications.length <= 0) {
+                    return (self.children = [Placeholder(notifs)]);
+                }
+
+                return (self.children = sortedNotifications.map((notif: Notification) => {
+                    return Widget.Box({
+                        class_name: "notification-card-content-container",
+                        children: [
+                            Widget.Box({
+                                class_name: "notification-card menu",
+                                vpack: "start",
+                                hexpand: true,
+                                vexpand: false,
+                                children: [
+                                    Image(notif),
+                                    Widget.Box({
+                                        vpack: "center",
+                                        vertical: true,
+                                        hexpand: true,
+                                        class_name: `notification-card-content ${!notifHasImg(notif) ? "noimg" : " menu"}`,
+                                        children: [
+                                            Header(notif),
+                                            Body(notif),
+                                            Actions(notif, notifs),
+                                        ],
+                                    }),
+                                ],
+                            }),
+                            CloseButton(notif, notifs),
+                        ],
+                    });
+                }));
+            });
+        },
+    });
+};
+
+export { NotificationCard };