From 847bd2c2ff6d4fd205b6b9d8be7223a68199c554 Mon Sep 17 00:00:00 2001
From: Yousif Al-Raheem <yousifalraheem@gmail.com>
Date: Wed, 17 Nov 2021 17:06:54 +0100
Subject: [PATCH] use email links instead of text in members list

Signed-off-by: Yousif Al-Raheem <yousifalraheem@gmail.com>
---
 .changeset/khaki-lies-burn.md                          |  5 +++++
 .../Cards/Group/MembersList/MembersListCard.tsx        | 10 +++++++++-
 2 files changed, 14 insertions(+), 1 deletion(-)
 create mode 100644 .changeset/khaki-lies-burn.md

diff --git a/.changeset/khaki-lies-burn.md b/.changeset/khaki-lies-burn.md
new file mode 100644
index 0000000000..e89a36a37a
--- /dev/null
+++ b/.changeset/khaki-lies-burn.md
@@ -0,0 +1,5 @@
+---
+'@backstage/plugin-org': minor
+---
+
+Use email links in the catalog's members list instead of text to display a member's email
diff --git a/plugins/org/src/components/Cards/Group/MembersList/MembersListCard.tsx b/plugins/org/src/components/Cards/Group/MembersList/MembersListCard.tsx
index 0642e80a7b..7cc7ed88f5 100644
--- a/plugins/org/src/components/Cards/Group/MembersList/MembersListCard.tsx
+++ b/plugins/org/src/components/Cards/Group/MembersList/MembersListCard.tsx
@@ -99,7 +99,15 @@ const MemberComponent = ({ member }: { member: UserEntity }) => {
                 {displayName}
               </Link>
             </Typography>
-            <Typography variant="caption">{profile?.email}</Typography>
+            {profile?.email && (
+              <Link
+                href={`mailto:${profile.email}`}
+                target="_blank"
+                rel="noreferrer noopener"
+              >
+                {profile.email}
+              </Link>
+            )}
           </Box>
         </Box>
       </Box>