From 1eb751ab7bf40fc5bf34750da35c3cd95c2edb3d Mon Sep 17 00:00:00 2001
From: Aleksandr Lushkin <aleksandr.lushkin@onlyoffice.com>
Date: Fri, 23 Aug 2024 18:18:39 +0200
Subject: [PATCH] Client: EditGroupMembersDialog: Add showing type to each
 group member

---
 .../sub-components/GroupMember/index.tsx               | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/packages/client/src/components/dialogs/EditGroupMembersDialog/sub-components/GroupMember/index.tsx b/packages/client/src/components/dialogs/EditGroupMembersDialog/sub-components/GroupMember/index.tsx
index fc2dd5f398..daef7c5006 100644
--- a/packages/client/src/components/dialogs/EditGroupMembersDialog/sub-components/GroupMember/index.tsx
+++ b/packages/client/src/components/dialogs/EditGroupMembersDialog/sub-components/GroupMember/index.tsx
@@ -43,7 +43,7 @@ import { toastr } from "@docspace/shared/components/toast";
 import { HelpButton } from "@docspace/shared/components/help-button";
 import { getUserRoleOptions } from "@docspace/shared/utils/room-members/getUserRoleOptions";
 import { ShareAccessRights } from "@docspace/shared/enums";
-import { getUserRole } from "@docspace/shared/utils/common";
+import { getUserRole, getUserTypeLabel } from "@docspace/shared/utils/common";
 import { TGroupMemberInvitedInRoom } from "@docspace/shared/api/groups/types";
 
 import * as Styled from "./index.styled";
@@ -87,6 +87,11 @@ const GroupMember = ({ member, infoPanelSelection }: GroupMemberProps) => {
 
   const role = getUserRole(user, userRole?.type);
 
+  const typeLabel = getUserTypeLabel(
+    role as "owner" | "admin" | "user" | "collaborator" | "manager",
+    t,
+  );
+
   let selectedUserRoleCBOption;
   if (user.isOwner)
     selectedUserRoleCBOption = {
@@ -144,7 +149,8 @@ const GroupMember = ({ member, infoPanelSelection }: GroupMemberProps) => {
             {decode(user.displayName)}
           </Text>
           <Text className="email" noSelect>
-            {user.email}
+            <span dir="auto">{typeLabel}</span> |{" "}
+            <span dir="ltr">{user.email}</span>
           </Text>
         </div>
       </div>