diff --git a/app/client/src/pages/Applications/index.tsx b/app/client/src/pages/Applications/index.tsx index 665de33701..52b384edc0 100644 --- a/app/client/src/pages/Applications/index.tsx +++ b/app/client/src/pages/Applications/index.tsx @@ -554,6 +554,7 @@ const ApplicationsSection = (props: any) => { organizationsListComponent = updatedOrgs.map( (organizationObject: any, index: number) => { const { organization, applications, userRoles } = organizationObject; + const userProfiles = userRoles && userRoles.splice(5); const hasManageOrgPermissions = isPermitted( organization.userPermissions, PERMISSION_TYPE.MANAGE_ORGANIZATION, @@ -598,6 +599,12 @@ const ApplicationsSection = (props: any) => { key={el.username} /> ))} + {userProfiles && userProfiles.length > 0 ? ( + + ) : null} ` export default function ProfileImage(props: { userName?: string; className?: string; + commonName?: string; }) { const themeDetails = useSelector(getThemeDetails); const initialsAndColorCode = getInitialsAndColorCode( - props.userName, + props.commonName || props.userName, themeDetails.theme.colors.appCardColors, ); @@ -33,7 +34,7 @@ export default function ProfileImage(props: { className={props.className} > - {initialsAndColorCode[0]} + {props.commonName || initialsAndColorCode[0]} );