From 1a2bef6b9be2cd064a45a79fec2a53fffe8a6fd9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Thomas=20Av=C3=A9?= <email@thomasave.be>
Date: Fri, 11 Jul 2025 11:47:47 +0200
Subject: [PATCH] Add notification timeout

---
 home/ags/files/Bar.tsx                        | 2 +-
 home/ags/files/notifications/Notification.tsx | 6 +++++-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/home/ags/files/Bar.tsx b/home/ags/files/Bar.tsx
index 98c37932..4d122998 100644
--- a/home/ags/files/Bar.tsx
+++ b/home/ags/files/Bar.tsx
@@ -71,7 +71,7 @@ function Date({ format = "%Y-%m-%d" }): JSX.Element {
 }
 
 function Time({ format = "%H:%M:%S" }): JSX.Element {
-    const time = createPoll<string>("", 10000, () => GLib.DateTime.new_now_local().format(format)!)
+    const time = createPoll<string>("", 1000, () => GLib.DateTime.new_now_local().format(format)!)
     return <label
         class="item blue"
         label={time}
diff --git a/home/ags/files/notifications/Notification.tsx b/home/ags/files/notifications/Notification.tsx
index c216ff0c..d1cc08c6 100644
--- a/home/ags/files/notifications/Notification.tsx
+++ b/home/ags/files/notifications/Notification.tsx
@@ -4,6 +4,7 @@ import Adw from "gi://Adw"
 import GLib from "gi://GLib"
 import AstalNotifd from "gi://AstalNotifd"
 import Pango from "gi://Pango"
+import { timeout } from "ags/time"
 
 function isIcon(icon?: string | null) {
     const iconTheme = Gtk.IconTheme.get_for_display(Gdk.Display.get_default()!)
@@ -38,6 +39,9 @@ export default function Notification({
     notification: AstalNotifd.Notification
     onHoverLost: () => void
 }) {
+    const timer = timeout(3000, () => {
+        onHoverLost()
+    })
     return (
         <Adw.Clamp maximumSize={400}>
             <box
@@ -45,7 +49,7 @@ export default function Notification({
                 class={`Notification ${urgency(n)}`}
                 orientation={Gtk.Orientation.VERTICAL}
             >
-                <Gtk.EventControllerMotion onLeave={onHoverLost} />
+                <Gtk.EventControllerMotion onEnter={() => timer.cancel()} onLeave={onHoverLost} />
                 <box class="header">
                     {(n.appIcon || isIcon(n.desktopEntry)) && (
                         <image