Modularized notification toast and menu components.

2024-07-13 14:43:13 -07:00
parent db118a0746
commit 04ed432b32
28 changed files with 591 additions and 530 deletions
--- a/modules/notifications/image/index.js
+++ b/modules/notifications/image/index.js
@@ -0,0 +1,22 @@
+import { notifHasImg } from "../../menus/notifications/utils.js";
+
+const Image = (notif) => {
+  if (notifHasImg(notif)) {
+    return Widget.Box({
+      class_name: "notification-card-image-container",
+      hpack: "center",
+      vpack: "center",
+      vexpand: false,
+      child: Widget.Box({
+        hpack: "center",
+        vexpand: false,
+        class_name: "notification-card-image",
+        css: `background-image: url("${notif.image}")`,
+      }),
+    });
+  }
+
+  return Widget.Box();
+};
+
+export { Image };