config/ags/js/notifications/base.js

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

config/ags/js/notifications/center.js

@@ -1,6 +1,5 @@
 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'
@@ -34,8 +33,7 @@ const Header = () => Box({
 const NotificationList = () => Box({
   vertical: true,
   vexpand: true,
-  connections: [
+  connections: [[Notifications, (box, id) => {
-    [Notifications, (box, id) => {
     if (box.children.length == 0) {
       box.children = Notifications.notifications
         .reverse()
@@ -50,19 +48,7 @@ const NotificationList = () => Box({
     }
 
     box.visible = Notifications.notifications.length > 0;
-    }, 'notified'],
+  }, 'notified']],
-
-    [Notifications, (box, id) => {
-      box.visible = Notifications.notifications.length > 0;
-      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({