From d84eeaae9c631bb81fec60c57b6ceb980bc00f3e Mon Sep 17 00:00:00 2001
From: Melroy van den Berg <melroy@melroy.org>
Date: Thu, 7 May 2026 15:43:14 +0200
Subject: [PATCH] Feat: Add clear notification feature

---
 .../notifications/Notifications.vue           | 19 +++++++++--
 frontend/src/i18n/lang/en.json                |  4 ++-
 frontend/src/services/notification.ts         |  5 +++
 pkg/notifications/database.go                 |  7 ++++
 pkg/routes/api/v1/notifications.go            | 34 +++++++++++++++++++
 pkg/routes/routes.go                          |  1 +
 6 files changed, 67 insertions(+), 3 deletions(-)

diff --git a/frontend/src/components/notifications/Notifications.vue b/frontend/src/components/notifications/Notifications.vue
index cec662781..704680257 100644
--- a/frontend/src/components/notifications/Notifications.vue
+++ b/frontend/src/components/notifications/Notifications.vue
@@ -74,11 +74,19 @@
 				<XButton
 					v-if="notifications.length > 0 && unreadNotifications > 0"
 					variant="tertiary"
-					class="mbs-2 is-fullwidth" 
+					class="mbs-2 is-fullwidth"
 					@click="markAllRead"
 				>
 					{{ $t('notification.markAllRead') }}
 				</XButton>
+				<XButton
+					v-if="notifications.length > 0"
+					variant="tertiary"
+					class="mbs-2 is-fullwidth"
+					@click="clearAll"
+				>
+					{{ $t('notification.clearAll') }}
+				</XButton>
 				<p
 					v-if="notifications.length === 0"
 					class="nothing"
@@ -246,9 +254,16 @@ async function markAllRead() {
 	const notificationService = new NotificationService()
 	await notificationService.markAllRead()
 	success({message: t('notification.markAllReadSuccess')})
-	
+
 	notifications.value.forEach(n => n.readAt = new Date())
 }
+
+async function clearAll() {
+	const notificationService = new NotificationService()
+	await notificationService.clearAll()
+	success({message: t('notification.clearAllSuccess')})
+	allNotifications.value = []
+}
 </script>
 
 <style lang="scss" scoped>
diff --git a/frontend/src/i18n/lang/en.json b/frontend/src/i18n/lang/en.json
index 82e7d0e5a..561eb2ef3 100644
--- a/frontend/src/i18n/lang/en.json
+++ b/frontend/src/i18n/lang/en.json
@@ -1339,7 +1339,9 @@
     "explainer": "Notifications will appear here when actions, projects or tasks you subscribed to happen.",
     "markAllRead": "Mark all notifications as read",
     "markAllReadSuccess": "Successfully marked all notifications as read.",
-    "subscribeFeed": "Subscribe to notifications via Atom feed"
+    "subscribeFeed": "Subscribe to notifications via Atom feed",
+    "clearAll": "Clear notifications",
+    "clearAllSuccess": "All notifications have been cleared."
   },
   "quickActions": {
     "notLoggedIn": "Please log in to the main Vikunja window first.",
diff --git a/frontend/src/services/notification.ts b/frontend/src/services/notification.ts
index ee1106a25..f507da60b 100644
--- a/frontend/src/services/notification.ts
+++ b/frontend/src/services/notification.ts
@@ -29,4 +29,9 @@ export default class NotificationService extends AbstractService<INotification>
 	async markAllRead() {
 		return this.post('/notifications', false)
 	}
+
+	async clearAll() {
+		const {data} = await this.http.delete('/notifications')
+		return data
+	}
 }
diff --git a/pkg/notifications/database.go b/pkg/notifications/database.go
index c944e2f7b..6b488216c 100644
--- a/pkg/notifications/database.go
+++ b/pkg/notifications/database.go
@@ -133,3 +133,10 @@ func MarkAllNotificationsAsRead(s *xorm.Session, userID int64) (err error) {
 		Update(&DatabaseNotification{ReadAt: time.Now()})
 	return
 }
+
+func DeleteAllNotificationsForUser(s *xorm.Session, userID int64) error {
+	_, err := s.
+		Where("notifiable_id = ?", userID).
+		Delete(&DatabaseNotification{})
+	return err
+}
diff --git a/pkg/routes/api/v1/notifications.go b/pkg/routes/api/v1/notifications.go
index 4c0cf24e4..72b9e926d 100644
--- a/pkg/routes/api/v1/notifications.go
+++ b/pkg/routes/api/v1/notifications.go
@@ -26,6 +26,40 @@ import (
 	"github.com/labstack/echo/v5"
 )
 
+// DeleteAllNotifications deletes all notifications for the current user
+// @Summary Delete all notifications of the current user
+// @tags sharing
+// @Accept json
+// @Produce json
+// @Success 200 {object} models.Message "All notifications deleted."
+// @Failure 500 {object} models.Message "Internal error"
+// @Router /notifications [delete]
+func DeleteAllNotifications(c *echo.Context) error {
+	s := db.NewSession()
+	defer s.Close()
+
+	a, err := auth.GetAuthFromClaims(c)
+	if err != nil {
+		return err
+	}
+
+	if _, is := a.(*models.LinkSharing); is {
+		return echo.ErrForbidden
+	}
+
+	err = notifications.DeleteAllNotificationsForUser(s, a.GetID())
+	if err != nil {
+		_ = s.Rollback()
+		return err
+	}
+
+	if err := s.Commit(); err != nil {
+		return err
+	}
+
+	return c.JSON(http.StatusOK, models.Message{Message: "success"})
+}
+
 // MarkAllNotificationsAsRead marks all notifications of a user as read
 // @Summary Mark all notifications of a user as read
 // @tags sharing
diff --git a/pkg/routes/routes.go b/pkg/routes/routes.go
index bcdea1bdb..e90c8b836 100644
--- a/pkg/routes/routes.go
+++ b/pkg/routes/routes.go
@@ -850,6 +850,7 @@ func registerAPIRoutes(a *echo.Group) {
 	a.GET("/notifications", notificationHandler.ReadAllWeb)
 	a.POST("/notifications/:notificationid", notificationHandler.UpdateWeb)
 	a.POST("/notifications", apiv1.MarkAllNotificationsAsRead)
+	a.DELETE("/notifications", apiv1.DeleteAllNotifications)
 
 	// Migrations
 	m := a.Group("/migration")