From 423d6f044a220e4e247022f9d2c7ca80b3645795 Mon Sep 17 00:00:00 2001
From: Kristina <kristin.fefelova@gmail.com>
Date: Mon, 4 Mar 2024 23:31:45 +0400
Subject: [PATCH] Add archive all button in inbox (#4870)

Signed-off-by: Kristina Fefelova <kristin.fefelova@gmail.com>
---
 plugins/notification-assets/lang/en.json      |  3 ++-
 plugins/notification-assets/lang/ru.json      |  3 ++-
 .../src/components/Filter.svelte              |  4 ++--
 .../src/components/inbox/Inbox.svelte         | 13 +++++++++++-
 .../src/inboxNotificationsClient.ts           | 20 +++++++++++++++++--
 plugins/notification/src/index.ts             |  4 +++-
 6 files changed, 39 insertions(+), 8 deletions(-)

diff --git a/plugins/notification-assets/lang/en.json b/plugins/notification-assets/lang/en.json
index b24528cbe3..1da774f82e 100644
--- a/plugins/notification-assets/lang/en.json
+++ b/plugins/notification-assets/lang/en.json
@@ -35,6 +35,7 @@
     "Pinned": "Pinned",
     "Message": "Message",
     "FlatList": "Flat list",
-    "GroupedList": "Grouped list"
+    "GroupedList": "Grouped list",
+    "ArchiveAll": "Archive all"
   }
 }
diff --git a/plugins/notification-assets/lang/ru.json b/plugins/notification-assets/lang/ru.json
index 0688ef3b0c..e2512a42cf 100644
--- a/plugins/notification-assets/lang/ru.json
+++ b/plugins/notification-assets/lang/ru.json
@@ -35,6 +35,7 @@
     "Pinned": "Закреплено",
     "Message": "Сообщение",
     "FlatList": "Flat list",
-    "GroupedList": "Grouped list"
+    "GroupedList": "Grouped list",
+    "ArchiveAll": "Архивировать все"
   }
 }
diff --git a/plugins/notification-resources/src/components/Filter.svelte b/plugins/notification-resources/src/components/Filter.svelte
index 0eee679f27..1d7bad345a 100644
--- a/plugins/notification-resources/src/components/Filter.svelte
+++ b/plugins/notification-resources/src/components/Filter.svelte
@@ -13,7 +13,7 @@
 // limitations under the License.
 -->
 <script lang="ts">
-  import { Button, IconFilter, SelectPopup, eventToHTMLElement, showPopup } from '@hcengineering/ui'
+  import { IconFilter, SelectPopup, eventToHTMLElement, showPopup, ButtonIcon } from '@hcengineering/ui'
   import notification from '../plugin'
 
   export let filter: 'all' | 'read' | 'unread' = 'all'
@@ -45,4 +45,4 @@
   }
 </script>
 
-<Button icon={IconFilter} on:click={click} />
+<ButtonIcon icon={IconFilter} size="small" on:click={click} />
diff --git a/plugins/notification-resources/src/components/inbox/Inbox.svelte b/plugins/notification-resources/src/components/inbox/Inbox.svelte
index a7df9c10a1..b8dbdf307a 100644
--- a/plugins/notification-resources/src/components/inbox/Inbox.svelte
+++ b/plugins/notification-resources/src/components/inbox/Inbox.svelte
@@ -31,7 +31,8 @@
     Separator,
     TabItem,
     TabList,
-    Location
+    Location,
+    ModernButton
   } from '@hcengineering/ui'
   import chunter, { ThreadMessage } from '@hcengineering/chunter'
   import { Ref, WithLookup } from '@hcengineering/core'
@@ -255,6 +256,10 @@
   onMount(() => {
     loadSavedMessages()
   })
+
+  function archiveAll (): void {
+    void inboxClient.deleteAllNotifications()
+  }
 </script>
 
 <ActionContext
@@ -283,6 +288,12 @@
             />
           </div>
           <div class="flex flex-gap-2">
+            <ModernButton
+              label={notification.string.ArchiveAll}
+              icon={view.icon.Archive}
+              size="small"
+              on:click={archiveAll}
+            />
             <Filter bind:filter />
           </div>
         </div>
diff --git a/plugins/notification-resources/src/inboxNotificationsClient.ts b/plugins/notification-resources/src/inboxNotificationsClient.ts
index 24833b8c8e..cddce3e17b 100644
--- a/plugins/notification-resources/src/inboxNotificationsClient.ts
+++ b/plugins/notification-resources/src/inboxNotificationsClient.ts
@@ -20,7 +20,8 @@ import {
   type Doc,
   type Ref,
   type TxOperations,
-  type WithLookup
+  type WithLookup,
+  generateId
 } from '@hcengineering/core'
 import notification, {
   type ActivityInboxNotification,
@@ -29,7 +30,7 @@ import notification, {
   type InboxNotification,
   type InboxNotificationsClient
 } from '@hcengineering/notification'
-import { createQuery } from '@hcengineering/presentation'
+import { createQuery, getClient } from '@hcengineering/presentation'
 import { derived, get, writable } from 'svelte/store'
 
 export const inboxMessagesStore = writable<ActivityMessage[]>([])
@@ -250,4 +251,19 @@ export class InboxNotificationsClientImpl implements InboxNotificationsClient {
       await client.remove(notification)
     }
   }
+
+  async deleteAllNotifications (): Promise<void> {
+    const doneOp = await getClient().measure('deleteAllNotifications')
+    const ops = getClient().apply(generateId())
+
+    try {
+      const inboxNotifications = get(this.inboxNotifications) ?? []
+      for (const notification of inboxNotifications) {
+        await ops.remove(notification)
+      }
+    } finally {
+      await ops.commit()
+      await doneOp()
+    }
+  }
 }
diff --git a/plugins/notification/src/index.ts b/plugins/notification/src/index.ts
index b723fe55cc..0b1d098fc7 100644
--- a/plugins/notification/src/index.ts
+++ b/plugins/notification/src/index.ts
@@ -282,6 +282,7 @@ export interface InboxNotificationsClient {
   readNotifications: (client: TxOperations, ids: Array<Ref<InboxNotification>>) => Promise<void>
   unreadNotifications: (client: TxOperations, ids: Array<Ref<InboxNotification>>) => Promise<void>
   deleteNotifications: (client: TxOperations, ids: Array<Ref<InboxNotification>>) => Promise<void>
+  deleteAllNotifications: () => Promise<void>
 }
 
 /**
@@ -388,7 +389,8 @@ const notification = plugin(notificationId, {
     Pinned: '' as IntlString,
     FlatList: '' as IntlString,
     GroupedList: '' as IntlString,
-    All: '' as IntlString
+    All: '' as IntlString,
+    ArchiveAll: '' as IntlString
   },
   function: {
     GetInboxNotificationsClient: '' as Resource<InboxNotificationsClientFactory>,