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]}
);