Add email subscription chip

IFRCGo · Dec 20, 2024 · f4b878d · f4b878d
1 parent 2a4bf0a
commit f4b878d
Show file tree

Hide file tree

Showing 3 changed files with 35 additions and 3 deletions.
diff --git a/src/views/MySubscriptions/SubscriptionTableItem/i18n.json b/src/views/MySubscriptions/SubscriptionTableItem/i18n.json
@@ -7,6 +7,9 @@
         "subscriptionUrgency": "Urgency",
         "subscriptionCertainty": "Certainty",
         "subscriptionSeverity": "Severity",
-        "subscriptionCategory": "Category"
+        "subscriptionCategory": "Category",
+        "subscriptionEmail": "Email Subscription",
+        "subscriptionYes": "Yes",
+        "subscriptionNo": "No"
     }
 }
diff --git a/src/views/MySubscriptions/SubscriptionTableItem/index.tsx b/src/views/MySubscriptions/SubscriptionTableItem/index.tsx
@@ -21,6 +21,7 @@ interface Props {
     filterAlertCategories: string[];
     filterAlertCountry: string;
     filterAlertAdmin1s: string[];
+    notifyByEmail: boolean;
     actions: React.ReactNode;
 }
 
@@ -35,6 +36,7 @@ function SubscriptionTableItem(props: Props) {
         filterAlertSeverities,
         filterAlertAdmin1s,
         filterAlertCountry,
+        notifyByEmail,
         actions,
     } = props;
 
@@ -141,6 +143,33 @@ function SubscriptionTableItem(props: Props) {
                     />
                 )}
             />
+            {notifyByEmail ? (
+                <Chip
+                    name={undefined}
+                    variant="tertiary"
+                    className={styles.filterItem}
+                    label={(
+                        <TextOutput
+                            label={strings.subscriptionEmail}
+                            value="Yes"
+                            strongLabel
+                        />
+                    )}
+                />
+            ) : (
+                <Chip
+                    name={undefined}
+                    variant="tertiary"
+                    className={styles.filterItem}
+                    label={(
+                        <TextOutput
+                            label={strings.subscriptionEmail}
+                            value={strings.subscriptionNo}
+                            strongLabel
+                        />
+                    )}
+                />
+            )}
         </Container>
     );
 }

diff --git a/src/views/MySubscriptions/index.tsx b/src/views/MySubscriptions/index.tsx
@@ -336,7 +336,7 @@ export function Component() {
         filterAlertAdmin1s: value?.filterAlertAdmin1sDisplay?.map(
             (admin) => admin.name,
         ),
-        isActive: value?.isActive,
+        notifyByEmail: value.notifyByEmail,
         actions: <ActiveTableActions
             onArchiveClick={() => handleArchiveUnarchive(value.id, false)}
             onEditClick={() => handleEditSubscription(key)}
@@ -360,7 +360,7 @@ export function Component() {
         filterAlertAdmin1s: value?.filterAlertAdmin1sDisplay?.map(
             (admin) => admin.name,
         ),
-        isActive: value?.isActive,
+        notifyByEmail: value.notifyByEmail,
         actions: <ArchiveTableActions
             onUnArchive={() => handleArchiveUnarchive(value.id, true)}
             onSubscriptionRemove={() => handleDeleteSubscription(value.id)}