fix(ags): make close button work in noti center

config/ags/js/notifications/base.js

@@ -54,7 +54,10 @@ const NotificationIcon = ({ appEntry, appIcon, image }) => {
 export default ({ id, summary, body, actions, urgency, time, command = i => {}, ...icon }) => Draggable({
   maxOffset: 200,
   command: () => command(id),
-  properties: [['hovered', false]],
+  properties: [
+    ['hovered', false],
+    ['id', id],
+  ],
   onHover: w => {
     if (!w._hovered) {
       w._hovered = true;

config/ags/js/notifications/center.js

@@ -1,5 +1,6 @@
 const { Notifications } = ags.Service;
 const { Button, Label, Box, Icon, Scrollable, Window, Revealer } = ags.Widget;
+const { timeout } = ags.Utils;
 
 import Notification from './base.js';
 import { EventBox } from '../misc/cursorbox.js'
@@ -33,7 +34,8 @@ const Header = () => Box({
 const NotificationList = () => Box({
   vertical: true,
   vexpand: true,
-  connections: [[Notifications, (box, id) => {
+  connections: [
+    [Notifications, (box, id) => {
       if (box.children.length == 0) {
         box.children = Notifications.notifications
           .reverse()
@@ -48,7 +50,18 @@ const NotificationList = () => Box({
       }
 
       box.visible = Notifications.notifications.length > 0;
-  }, 'notified']],
+    }, 'notified'],
+
+    [Notifications, (box, id) => {
+      for (const ch of box.children) {
+        if (ch._id == id) {
+          ch.child.setStyle(ch.child._rightAnim);
+          timeout(500, () => box.remove(ch));
+          return;
+        }
+      }
+    }, 'closed'],
+  ],
 });
 
 const Placeholder = () => Revealer({