use email links instead of text in members list

Signed-off-by: Yousif Al-Raheem <yousifalraheem@gmail.com>
2021-11-17 17:06:54 +01:00
parent 0e1f3b1ce5
commit 847bd2c2ff
2 changed files with 14 additions and 1 deletions
@@ -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
@@ -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>