From a10dca44f65b8df83f16aae6cd03e06408b38dd4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nuno=20G=C3=B3is?= <github@nunogois.com>
Date: Thu, 20 Mar 2025 11:02:19 +0000
Subject: [PATCH] fix: access overview fallback to email (#9582)

https://linear.app/unleash/issue/2-3430/fix-undefined-in-access-overview-when-user-name-is-unavailable

Adds a fallback to email in case the name is not available.

Also switches the priority of the fallbacks to be consistent with other
places in our codebase (email > username) and uses `||` instead of `??`
because falsy values don't provide much informational value anyways.


![image](https://github.com/user-attachments/assets/2726247c-b7ba-4ed8-8589-f56fff63d031)
---
 .../src/component/admin/users/AccessOverview/AccessOverview.tsx | 2 +-
 frontend/src/component/user/Profile/ProfileTab/ProfileTab.tsx   | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/src/component/admin/users/AccessOverview/AccessOverview.tsx b/frontend/src/component/admin/users/AccessOverview/AccessOverview.tsx
index e04cdd8a23..d3dd4d853f 100644
--- a/frontend/src/component/admin/users/AccessOverview/AccessOverview.tsx
+++ b/frontend/src/component/admin/users/AccessOverview/AccessOverview.tsx
@@ -153,7 +153,7 @@ export const AccessOverview = () => {
             isLoading={loading}
             header={
                 <PageHeader
-                    title={`Access overview for ${user.name ?? user.username}`}
+                    title={`Access overview for ${user.name || user.email || user.username}`}
                     actions={
                         <ConditionallyRender
                             condition={!isSmallScreen}
diff --git a/frontend/src/component/user/Profile/ProfileTab/ProfileTab.tsx b/frontend/src/component/user/Profile/ProfileTab/ProfileTab.tsx
index 814b53bebc..ace445c3f8 100644
--- a/frontend/src/component/user/Profile/ProfileTab/ProfileTab.tsx
+++ b/frontend/src/component/user/Profile/ProfileTab/ProfileTab.tsx
@@ -131,7 +131,7 @@ export const ProfileTab = ({ user }: IProfileTabProps) => {
                 <StyledAvatar user={user} />
                 <StyledInfo>
                     <StyledInfoName>
-                        {user.name || user.username}
+                        {user.name || user.email || user.username}
                     </StyledInfoName>
                     <Typography variant='body1'>{user.email}</Typography>
                 </StyledInfo>