Add count of All alerts

IFRCGo · Apr 24, 2024 · b4677fd · b4677fd
1 parent f46a027
commit b4677fd
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/src/views/Home/AlertsTable/i18n.json b/src/views/Home/AlertsTable/i18n.json
@@ -1,7 +1,7 @@
 {
     "namespace": "allOngoingAlerts",
     "strings": {
-        "allOngoingAlertTitle":"All Alerts ",
+        "allOngoingAlertTitle":"All Alerts ({numAppeals}) ",
         "alertTableEventTitle":"Event" ,
         "alertTableCategoryTitle":"Event Categories",
         "alertTableRegionTitle":"Region",

diff --git a/src/views/Home/AlertsTable/index.tsx b/src/views/Home/AlertsTable/index.tsx
@@ -20,6 +20,7 @@ import {
     createDateColumn,
     createListDisplayColumn,
     createStringColumn,
+    resolveToComponent,
 } from '@ifrc-go/ui/utils';
 import {
     isDefined,
@@ -211,11 +212,15 @@ function AlertsTable() {
             strings.alertTableViewDetailsTitle,
         ],
     );
+    const heading = resolveToComponent(
+        strings.allOngoingAlertTitle,
+        { numAppeals: data?.count ?? '' },
+    );
 
     return (
         <Container
             className={styles.alertsTable}
-            heading={strings.allOngoingAlertTitle}
+            heading={heading}
             withHeaderBorder
             withGridViewInFilter
             footerActions={(