From 0e88532f3a53e2801828cd57af5fad795db7d6a0 Mon Sep 17 00:00:00 2001
From: hfcRed <hfcred@gmx.net>
Date: Fri, 20 Mar 2026 04:59:36 +0100
Subject: [PATCH] Close mobile panel on notification click

---
 app/components/layout/NotificationPopover.tsx              | 1 +
 app/features/notifications/components/NotificationList.tsx | 3 +++
 2 files changed, 4 insertions(+)

diff --git a/app/components/layout/NotificationPopover.tsx b/app/components/layout/NotificationPopover.tsx
index 2d365f9b8..98d7db1ee 100644
--- a/app/components/layout/NotificationPopover.tsx
+++ b/app/components/layout/NotificationPopover.tsx
@@ -76,6 +76,7 @@ export function NotificationContent({
 							<NotificationItem
 								key={notification.id}
 								notification={notification}
+								onClose={onClose}
 							/>
 							{i !== notifications.length - 1 && <NotificationItemDivider />}
 						</React.Fragment>
diff --git a/app/features/notifications/components/NotificationList.tsx b/app/features/notifications/components/NotificationList.tsx
index c30e51b55..3d2b29d99 100644
--- a/app/features/notifications/components/NotificationList.tsx
+++ b/app/features/notifications/components/NotificationList.tsx
@@ -18,8 +18,10 @@ export function NotificationsList({ children }: { children: React.ReactNode }) {
 
 export function NotificationItem({
 	notification,
+	onClose,
 }: {
 	notification: LoaderNotification;
+	onClose?: () => void;
 }) {
 	const { t, i18n } = useTranslation(["common"]);
 
@@ -28,6 +30,7 @@ export function NotificationItem({
 			to={notificationLink(notification)}
 			className={styles.item}
 			data-testid="notification-item"
+			onClick={onClose}
 		>
 			<NotificationImage notification={notification}>
 				{!notification.seen ? <div className={styles.unseenDot} /> : null}