49 lines
1.3 KiB
TypeScript
49 lines
1.3 KiB
TypeScript
|
import AstalNotifd from 'gi://AstalNotifd?version=0.1';
|
||
|
|
const Notifications = AstalNotifd.get_default();
|
||
|
|
|
||
|
|
import { Notification } from './notification';
|
||
|
|
|
||
|
|
|
||
|
|
export default () => (
|
||
|
|
<box
|
||
|
|
// Needed so it occupies space at the start
|
||
|
|
css="padding: 1px;"
|
||
|
|
vertical
|
||
|
|
|
||
|
|
setup={(self) => {
|
||
|
|
const NotifsMap = new Map<number, ReturnType<typeof Notification>>();
|
||
|
|
|
||
|
|
const addPopup = (id: number) => {
|
||
|
|
if (!id) {
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
|
||
|
|
const NewNotif = Notification({ id });
|
||
|
|
|
||
|
|
if (NewNotif) {
|
||
|
|
// Use this instead of add to put it at the top
|
||
|
|
self.pack_end(NewNotif, false, false, 0);
|
||
|
|
self.show_all();
|
||
|
|
|
||
|
|
NotifsMap.set(id, NewNotif);
|
||
|
|
}
|
||
|
|
};
|
||
|
|
|
||
|
|
const handleResolved = (id: number) => {
|
||
|
|
const notif = NotifsMap.get(id);
|
||
|
|
|
||
|
|
if (!notif) {
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
|
||
|
|
notif.slideAway('Left');
|
||
|
|
NotifsMap.delete(id);
|
||
|
|
};
|
||
|
|
|
||
|
|
self
|
||
|
|
.hook(Notifications, 'notified', (_, id) => addPopup(id))
|
||
|
|
.hook(Notifications, 'resolved', (_, id) => handleResolved(id));
|
||
|
|
}}
|
||
|
|
/>
|
||
|
|
);
|