diff --git a/packages/builder/src/pages/builder/portal/manage/users/[userId].svelte b/packages/builder/src/pages/builder/portal/manage/users/[userId].svelte index 28c5aa2593..fcab9be06a 100644 --- a/packages/builder/src/pages/builder/portal/manage/users/[userId].svelte +++ b/packages/builder/src/pages/builder/portal/manage/users/[userId].svelte @@ -44,6 +44,8 @@ $: hasGroupsLicense = $auth.user?.license.features.includes( Constants.Features.USER_GROUPS ) + $: nameLabel = getNameLabel($userFetch) + $: initials = getInitials(nameLabel, $userFetch) $: allAppList = $apps .filter(x => { @@ -86,6 +88,38 @@ const userFetch = fetchData(`/api/global/users/${userId}`) + const getNameLabel = userFetch => { + const { firstName, lastName } = userFetch?.data || {} + if (!firstName && !lastName) { + return "Name unavailable" + } + let label + if (firstName) { + label = firstName + if (lastName) { + label += ` ${lastName}` + } + } else { + label = lastName + } + return label + } + + const getInitials = (nameLabel, userFetch) => { + if (nameLabel !== "Name unavailable") { + return nameLabel + .split(" ") + .slice(0, 2) + .map(x => x[0]) + .join("") + } + const { email } = userFetch?.data || {} + if (!email) { + return "PC" + } + return email.substring(0, 2) + } + function getHighestRole(roles) { let highestRole let highestRoleNumber = 0 @@ -186,13 +220,9 @@
- +
- {$userFetch?.data?.firstName + - " " + - $userFetch?.data?.lastName} + {nameLabel} {$userFetch?.data?.email}