hyprpanel

ags/HyprPanel/modules/notifications/image/index.ts

@@ -0,0 +1,25 @@
+import { Notification } from 'types/service/notifications';
+import { notifHasImg } from '../../menus/notifications/utils.js';
+import Box from 'types/widgets/box.js';
+import { Attribute, Child } from 'lib/types/widget.js';
+
+const Image = (notif: Notification): Box<Child, Attribute> => {
+    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 };