From 2d390c4e7eafce0abe3cd3dc6651cee945efa2ea Mon Sep 17 00:00:00 2001 From: Hannes Date: Fri, 17 Jan 2025 16:54:31 +0100 Subject: [PATCH] feat: Add button to delete all pending notifications (#993) --- .../src/components/Header/NotificationsStep.jsx | 15 +++++++++++++++ .../Header/NotificationsStep.module.scss | 15 +++++++++++++++ client/src/locales/ar-YE/core.js | 1 + client/src/locales/bg-BG/core.js | 1 + client/src/locales/cs-CZ/core.js | 1 + client/src/locales/da-DK/core.js | 1 + client/src/locales/de-DE/core.js | 1 + client/src/locales/en-GB/core.js | 1 + client/src/locales/en-US/core.js | 1 + client/src/locales/es-ES/core.js | 1 + client/src/locales/fa-IR/core.js | 1 + client/src/locales/fr-FR/core.js | 1 + client/src/locales/hu-HU/core.js | 1 + client/src/locales/id-ID/core.js | 1 + client/src/locales/it-IT/core.js | 1 + client/src/locales/ja-JP/core.js | 1 + client/src/locales/ko-KR/core.js | 1 + client/src/locales/nl-NL/core.js | 1 + client/src/locales/pl-PL/core.js | 1 + client/src/locales/pt-BR/core.js | 1 + client/src/locales/ro-RO/core.js | 1 + client/src/locales/ru-RU/core.js | 1 + client/src/locales/sk-SK/core.js | 1 + client/src/locales/sr-Cyrl-CS/core.js | 1 + client/src/locales/sr-Latn-CS/core.js | 1 + client/src/locales/sv-SE/core.js | 1 + client/src/locales/tr-TR/core.js | 1 + client/src/locales/uk-UA/core.js | 1 + client/src/locales/uz-UZ/core.js | 1 + client/src/locales/zh-CN/core.js | 1 + client/src/locales/zh-TW/core.js | 1 + 31 files changed, 59 insertions(+) diff --git a/client/src/components/Header/NotificationsStep.jsx b/client/src/components/Header/NotificationsStep.jsx index 5e06e83e..b533045c 100755 --- 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 }) => { {items.length > 0 ? (
+ {items.length > 1 && ( +