From cbebfa529720630d489d03b4b8237042aa8117e6 Mon Sep 17 00:00:00 2001
From: Lily Yan <l26yan@uwaterloo.ca>
Date: Mon, 9 Dec 2024 15:05:00 -0500
Subject: [PATCH] ISTWCMS-7200 Display additional emails correctly

---
 .../04-components/card/card-elements/_contact-info.twig      | 5 ++++-
 src/patterns/04-components/contact/contact.twig              | 5 ++++-
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/patterns/04-components/card/card-elements/_contact-info.twig b/src/patterns/04-components/card/card-elements/_contact-info.twig
index 76aadff6..81b557c8 100644
--- a/src/patterns/04-components/card/card-elements/_contact-info.twig
+++ b/src/patterns/04-components/card/card-elements/_contact-info.twig
@@ -9,6 +9,9 @@
     {% block details_content %}
       {% if contact_info.email %}
         <div class="card__contact-info--email">
+        {% if contact_info.emails %}
+          Primary email:
+        {% endif %}
           <a href="mailto:{{ contact_info.email }}">{{ contact_info.email }}</a>
         </div>
       {% endif %}
@@ -16,7 +19,7 @@
         {% for email in contact_info.emails %}
           {% if email.email %}
             <div class="card__contact-info--emails">
-              {{ email.description }}: {{ email.email }}
+              {{ email.description }}: <a href="mailto:{{ email.email }}">{{ email.email }}</a>
             </div>
           {% endif %}
         {% endfor %}
diff --git a/src/patterns/04-components/contact/contact.twig b/src/patterns/04-components/contact/contact.twig
index afc3f6f6..afcc545c 100644
--- a/src/patterns/04-components/contact/contact.twig
+++ b/src/patterns/04-components/contact/contact.twig
@@ -28,6 +28,9 @@
 
                 {% if contact.footer.contact_info.email %}
                   <div class="uw-contact__email">
+                    {% if contact.footer.contact_info.emails %}
+                      Primary email:
+                    {% endif %}
                     <a href="mailto:{{ contact.footer.contact_info.email }}">{{ contact.footer.contact_info.email }}</a>
                   </div>
                 {% endif %}
@@ -35,7 +38,7 @@
                   {% for email in contact.footer.contact_info.emails %}
                     {% if email.email %}
                       <div class="uw-contact__emails">
-                        {{ email.description }}: {{ email.email }}
+                        {{ email.description }}: <a href="mailto:{{ email.email }}">{{ email.email }}</a>
                       </div>
                     {% endif %}
                   {% endfor %}
-- 
GitLab