feat: Add button to delete all pending notifications (#993)

plankanban · Jan 17, 2025 · 2d390c4 · 2d390c4
1 parent 871ae8f
commit 2d390c4
Show file tree

Hide file tree

Showing 31 changed files with 59 additions and 0 deletions.
diff --git a/client/src/components/Header/NotificationsStep.jsx b/client/src/components/Header/NotificationsStep.jsx
@@ -22,6 +22,12 @@ const NotificationsStep = React.memo(({ items, onDelete, onClose }) => {
     [onDelete],
   );
 
+  const handleDeleteAll = useCallback(() => {
+    items.forEach((item) => {
+      onDelete(item.id);
+    });
+  }, [items, onDelete]);
+
   const renderItemContent = useCallback(
     ({ activity, card }) => {
       switch (activity.type) {
@@ -85,6 +91,15 @@ const NotificationsStep = React.memo(({ items, onDelete, onClose }) => {
       <Popup.Content>
         {items.length > 0 ? (
           <div className={styles.wrapper}>
+            {items.length > 1 && (
+              <Button
+                type="button"
+                icon="trash alternate outline"
+                content={t('action.deleteNotifications')}
+                onClick={handleDeleteAll}
+                className={styles.deleteAllButton}
+              />
+            )}
             {items.map((item) => (
               <div key={item.id} className={styles.item}>
                 {item.card && item.activity ? (

diff --git a/client/src/components/Header/NotificationsStep.module.scss b/client/src/components/Header/NotificationsStep.module.scss
@@ -62,4 +62,19 @@
       border-radius: 3px;
     }
   }
+
+  .deleteAllButton {
+    background: transparent;
+    box-shadow: none;
+    transition: background 0.3s ease;
+
+    display: block;
+    margin: 0 auto;
+    padding: 0.5em 1em;
+    font-size: 0.875em;
+
+    &:hover {
+      background: #e9e9e9;
+    }
+  }
 }
diff --git a/client/src/locales/ar-YE/core.js b/client/src/locales/ar-YE/core.js
@@ -204,6 +204,7 @@ export default {
       deleteLabel: 'حذف الملصق',
       deleteList: 'حذف القائمة',
       deleteList_title: 'حذف القائمة',
+      deleteNotifications: 'Dismiss all',
       deleteProject: 'حذف المشروع',
       deleteProject_title: 'حذف المشروع',
       deleteTask: 'حذف المهمة',

diff --git a/client/src/locales/bg-BG/core.js b/client/src/locales/bg-BG/core.js
@@ -204,6 +204,7 @@ export default {
       deleteLabel: 'Изтриване на етикета',
       deleteList: 'Изтриване на списък',
       deleteList_title: 'Изтриване на списък',
+      deleteNotifications: 'Dismiss all',
       deleteProject: 'Изтриване на проект',
       deleteProject_title: 'Изтриване на проект',
       deleteTask: 'Изтриване на задача',

diff --git a/client/src/locales/cs-CZ/core.js b/client/src/locales/cs-CZ/core.js
@@ -201,6 +201,7 @@ export default {
       deleteLabel: 'Smazat štítek',
       deleteList: 'Smazat seznam',
       deleteList_title: 'Smazat seznam',
+      deleteNotifications: 'Dismiss all',
       deleteProject: 'Smazat projekt',
       deleteProject_title: 'Smazat projekt',
       deleteTask: 'Smazat úkol',

diff --git a/client/src/locales/da-DK/core.js b/client/src/locales/da-DK/core.js
@@ -175,6 +175,7 @@ export default {
       deleteLabel: 'Slet mærkat',
       deleteList: 'Slet liste',
       deleteList_title: 'Slet liste',
+      deleteNotifications: 'Slet notifikationer',
       deleteProject: 'Slet projekt',
       deleteProject_title: 'Slet projekt',
       deleteTask: 'Slet opgave',

diff --git a/client/src/locales/de-DE/core.js b/client/src/locales/de-DE/core.js
@@ -187,6 +187,7 @@ export default {
       deleteLabel: 'Label löschen',
       deleteList: 'Liste löschen',
       deleteList_title: 'Liste löschen',
+      deleteNotifications: 'Benachrichtigungen löschen',
       deleteProject: 'Projekt löschen',
       deleteProject_title: 'Projekt löschen',
       deleteTask: 'Aufgabe löschen',

diff --git a/client/src/locales/en-GB/core.js b/client/src/locales/en-GB/core.js
@@ -205,6 +205,7 @@ export default {
       deleteLabel: 'Delete label',
       deleteList: 'Delete list',
       deleteList_title: 'Delete List',
+      deleteNotifications: 'Dismiss all',
       deleteProject: 'Delete project',
       deleteProject_title: 'Delete Project',
       deleteTask: 'Delete task',

diff --git a/client/src/locales/en-US/core.js b/client/src/locales/en-US/core.js
@@ -201,6 +201,7 @@ export default {
       deleteLabel: 'Delete label',
       deleteList: 'Delete list',
       deleteList_title: 'Delete List',
+      deleteNotifications: 'Dismiss all',
       deleteProject: 'Delete project',
       deleteProject_title: 'Delete Project',
       deleteTask: 'Delete task',

diff --git a/client/src/locales/es-ES/core.js b/client/src/locales/es-ES/core.js
@@ -164,6 +164,7 @@ export default {
       deleteLabel: 'Borrar etiqueta',
       deleteList: 'Borrar lista',
       deleteList_title: 'Borrar Lista',
+      deleteNotifications: 'Borrar notificaciones',
       deleteProject: 'Borrar proyecto',
       deleteProject_title: 'Borrar Proyecto',
       deleteTask: 'Borrar tarea',

diff --git a/client/src/locales/fa-IR/core.js b/client/src/locales/fa-IR/core.js
@@ -206,6 +206,7 @@ export default {
       deleteLabel: 'حذف برچسب',
       deleteList: 'حذف لیست',
       deleteList_title: 'حذف لیست',
+      deleteNotifications: 'Dismiss all',
       deleteProject: 'حذف پروژه',
       deleteProject_title: 'حذف پروژه',
       deleteTask: 'حذف وظیفه',

diff --git a/client/src/locales/fr-FR/core.js b/client/src/locales/fr-FR/core.js
@@ -207,6 +207,7 @@ export default {
       deleteLabel: "Supprimer l'étiquette",
       deleteList: 'Supprimer la liste',
       deleteList_title: 'Supprimer la liste',
+      deleteNotifications: 'Supprimer les notifications',
       deleteProject: 'Supprimer le projet',
       deleteProject_title: 'Supprimer le projet',
       deleteTask: 'Supprimer la tâche',

diff --git a/client/src/locales/hu-HU/core.js b/client/src/locales/hu-HU/core.js
@@ -206,6 +206,7 @@ export default {
       deleteLabel: 'Címke törlése',
       deleteList: 'Lista törlése',
       deleteList_title: 'Lista törlése',
+      deleteNotifications: 'Dismiss all',
       deleteProject: 'Projekt törlése',
       deleteProject_title: 'Projekt törlése',
       deleteTask: 'Feladat törlése',

diff --git a/client/src/locales/id-ID/core.js b/client/src/locales/id-ID/core.js
@@ -196,6 +196,7 @@ export default {
       deleteLabel: 'Hapus labek',
       deleteList: 'Hapus daftar',
       deleteList_title: 'Hapus Daftar',
+      deleteNotifications: 'Dismiss all',
       deleteProject: 'Hapus proyek',
       deleteProject_title: 'Hapus Proyek',
       deleteTask: 'Hapus tugas',

diff --git a/client/src/locales/it-IT/core.js b/client/src/locales/it-IT/core.js
@@ -200,6 +200,7 @@ export default {
       deleteLabel: 'Elimina etichetta',
       deleteList: 'Elimina lista',
       deleteList_title: 'Elimina Lista',
+      deleteNotifications: 'Dismiss all',
       deleteProject: 'Elimina progetto',
       deleteProject_title: 'Elimina Progetto',
       deleteTask: 'Elimina task',

diff --git a/client/src/locales/ja-JP/core.js b/client/src/locales/ja-JP/core.js
@@ -196,6 +196,7 @@ export default {
       deleteLabel: 'ラベルを削除',
       deleteList: 'リストを削除',
       deleteList_title: 'リストを削除',
+      deleteNotifications: 'Dismiss all',
       deleteProject: 'プロジェクトを削除',
       deleteProject_title: 'プロジェクトを削除',
       deleteTask: 'タスクを削除',

diff --git a/client/src/locales/ko-KR/core.js b/client/src/locales/ko-KR/core.js
@@ -195,6 +195,7 @@ export default {
       deleteLabel: '라벨 삭제',
       deleteList: '목록 삭제',
       deleteList_title: '목록 삭제',
+      deleteNotifications: 'Dismiss all',
       deleteProject: '프로젝트 삭제',
       deleteProject_title: '프로젝트 삭제',
       deleteTask: '업무 삭제',

diff --git a/client/src/locales/nl-NL/core.js b/client/src/locales/nl-NL/core.js
@@ -197,6 +197,7 @@ export default {
       deleteLabel: 'Label verwijderen',
       deleteList: 'Lijst verwijderen',
       deleteList_title: 'Lijst verwijderen',
+      deleteNotifications: 'Dismiss all',
       deleteProject: 'Project verwijderen',
       deleteProject_title: 'Project verwijderen',
       deleteTask: 'Taak verwijderen',

diff --git a/client/src/locales/pl-PL/core.js b/client/src/locales/pl-PL/core.js
@@ -203,6 +203,7 @@ export default {
       deleteLabel: 'Usuń oznaczenie',
       deleteList: 'Usuń listę',
       deleteList_title: 'Usuń Listę',
+      deleteNotifications: 'Dismiss all',
       deleteProject: 'Usuń projekt',
       deleteProject_title: 'Usuń Projekt',
       deleteTask: 'Usuń zadanie',

diff --git a/client/src/locales/pt-BR/core.js b/client/src/locales/pt-BR/core.js
@@ -196,6 +196,7 @@ export default {
       deleteLabel: 'Excluir rótulo',
       deleteList: 'Excluir lista',
       deleteList_title: 'Excluir Lista',
+      deleteNotifications: 'Dismiss all',
       deleteProject: 'Excluir projeto',
       deleteProject_title: 'Excluir Projeto',
       deleteTask: 'Excluir tarefa',

diff --git a/client/src/locales/ro-RO/core.js b/client/src/locales/ro-RO/core.js
@@ -197,6 +197,7 @@ export default {
       deleteLabel: 'Ștergeți Eticheta',
       deleteList: 'Ștergeți lista',
       deleteList_title: 'Ștergeți Lista',
+      deleteNotifications: 'Dismiss all',
       deleteProject: 'Ștergeți proiectul',
       deleteProject_title: 'Ștergeți Proiectul',
       deleteTask: 'Ștergeți sarcina',

diff --git a/client/src/locales/ru-RU/core.js b/client/src/locales/ru-RU/core.js
@@ -206,6 +206,7 @@ export default {
       deleteLabel: 'Удалить метку',
       deleteList: 'Удалить список',
       deleteList_title: 'Удалить список',
+      deleteNotifications: 'Dismiss all',
       deleteProject: 'Удалить проект',
       deleteProject_title: 'Удалить проект',
       deleteTask: 'Удалить задачу',

diff --git a/client/src/locales/sk-SK/core.js b/client/src/locales/sk-SK/core.js
@@ -176,6 +176,7 @@ export default {
       deleteLabel: 'Zmazať štítok',
       deleteList: 'Zmazať zoznam',
       deleteList_title: 'Zmazať zoznam',
+      deleteNotifications: 'Dismiss all',
       deleteProject: 'Zmazať projekt',
       deleteProject_title: 'Zmazať projekt',
       deleteTask: 'Zmazať úlohu',

diff --git a/client/src/locales/sr-Cyrl-CS/core.js b/client/src/locales/sr-Cyrl-CS/core.js
@@ -205,6 +205,7 @@ export default {
       deleteLabel: 'Обриши ознаку',
       deleteList: 'Обриши списак',
       deleteList_title: 'Обриши списак',
+      deleteNotifications: 'Dismiss all',
       deleteProject: 'Обриши пројекат',
       deleteProject_title: 'Обриши пројекат',
       deleteTask: 'Обриши задатак',

diff --git a/client/src/locales/sr-Latn-CS/core.js b/client/src/locales/sr-Latn-CS/core.js
@@ -205,6 +205,7 @@ export default {
       deleteLabel: 'Obriši oznaku',
       deleteList: 'Obriši spisak',
       deleteList_title: 'Obriši spisak',
+      deleteNotifications: 'Dismiss all',
       deleteProject: 'Obriši projekat',
       deleteProject_title: 'Obriši projekat',
       deleteTask: 'Obriši zadatak',

diff --git a/client/src/locales/sv-SE/core.js b/client/src/locales/sv-SE/core.js
@@ -178,6 +178,7 @@ export default {
       deleteLabel: 'Ta bort etikett',
       deleteList: 'Ta bort lista',
       deleteList_title: 'Ta Bort Lista',
+      deleteNotifications: 'Dismiss all',
       deleteProject: 'Ta bort projekt',
       deleteProject_title: 'Ta Bort Projekt',
       deleteTask: 'Ta bort uppgift',

diff --git a/client/src/locales/tr-TR/core.js b/client/src/locales/tr-TR/core.js
@@ -179,6 +179,7 @@ export default {
       deleteLabel: 'Etiketi sil',
       deleteList: 'Listeyi sil',
       deleteList_title: 'Listeyi Sil',
+      deleteNotifications: 'Dismiss all',
       deleteProject: 'Projeyi sil',
       deleteProject_title: 'Projeyi Sil',
       deleteTask: 'Görevi sil',

diff --git a/client/src/locales/uk-UA/core.js b/client/src/locales/uk-UA/core.js
@@ -196,6 +196,7 @@ export default {
       deleteLabel: 'Видалити мітку',
       deleteList: 'Видалити список',
       deleteList_title: 'Видалити Список',
+      deleteNotifications: 'Dismiss all',
       deleteProject: 'Видалити проект',
       deleteProject_title: 'Видалити Проект',
       deleteTask: 'Видалити завдання',

diff --git a/client/src/locales/uz-UZ/core.js b/client/src/locales/uz-UZ/core.js
@@ -175,6 +175,7 @@ export default {
       deleteLabel: "Yorliqni o'chirish",
       deleteList: "Ro'yxatni o'chirish",
       deleteList_title: "Ro'yxatni O'chirish",
+      deleteNotifications: 'Dismiss all',
       deleteProject: "Loyihani o'chirish",
       deleteProject_title: "Loyihani O'chirish",
       deleteTask: "Vazifani o'chirish",

diff --git a/client/src/locales/zh-CN/core.js b/client/src/locales/zh-CN/core.js
@@ -192,6 +192,7 @@ export default {
       deleteLabel: '删除标签',
       deleteList: '删除列表',
       deleteList_title: '删除列表',
+      deleteNotifications: 'Dismiss all',
       deleteProject: '删除项目',
       deleteProject_title: '删除项目',
       deleteTask: '删除任务',

diff --git a/client/src/locales/zh-TW/core.js b/client/src/locales/zh-TW/core.js
@@ -192,6 +192,7 @@ export default {
       deleteLabel: '刪除標籤',
       deleteList: '刪除列表',
       deleteList_title: '刪除列表',
+      deleteNotifications: 'Dismiss all',
       deleteProject: '刪除專案',
       deleteProject_title: '刪除專案',
       deleteTask: '刪除任務',