Conditionally render email link

CruGlobal · Sep 13, 2024 · 2589754 · 2589754
1 parent da3123a
commit 2589754
Showing 1 changed file with 11 additions and 9 deletions.
diff --git a/src/components/Tool/FixSendNewsletter/Contact.tsx b/src/components/Tool/FixSendNewsletter/Contact.tsx
@@ -213,17 +213,19 @@ const Contact = ({
                 {contact.primaryPerson?.firstName &&
                   contact.primaryPerson?.lastName && (
                     <Typography variant="subtitle1">
-                      {`${contact.primaryPerson?.firstName} ${contact.primaryPerson?.lastName}`}
+                      {`${contact.primaryPerson.firstName} ${contact.primaryPerson.lastName}`}
                     </Typography>
                   )}
-                <Link
-                  underline="hover"
-                  href={`mailto:${contact.primaryPerson?.primaryEmailAddress?.email}`}
-                >
-                  <Typography variant="body2">
-                    {contact.primaryPerson?.primaryEmailAddress?.email || ''}
-                  </Typography>
-                </Link>
+                {contact.primaryPerson?.primaryEmailAddress?.email && (
+                  <Link
+                    underline="hover"
+                    href={`mailto:${contact.primaryPerson.primaryEmailAddress.email}`}
+                  >
+                    <Typography variant="body2">
+                      {contact.primaryPerson?.primaryEmailAddress.email}
+                    </Typography>
+                  </Link>
+                )}
                 {contact.primaryPerson?.optoutEnewsletter && (
                   <Typography variant="body2">
                     {t('opted out of newsletter')}