From 7c2ff07740810df297aa8122da82dbef60c16520 Mon Sep 17 00:00:00 2001
From: HoonBaek <hoon@sendbird.com>
Date: Mon, 19 Sep 2022 15:16:57 +0900
Subject: [PATCH 1/2] Display menu only for operator on the participant list

---
 .../ChannelSettings/components/ModerationPanel/MemberList.tsx   | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/smart-components/ChannelSettings/components/ModerationPanel/MemberList.tsx b/src/smart-components/ChannelSettings/components/ModerationPanel/MemberList.tsx
index 325423903..7bf4953f6 100644
--- a/src/smart-components/ChannelSettings/components/ModerationPanel/MemberList.tsx
+++ b/src/smart-components/ChannelSettings/components/ModerationPanel/MemberList.tsx
@@ -70,7 +70,7 @@ export const MemberList = (): ReactElement => {
             user={member}
             currentUser={sdk.currentUser.userId}
             action={
-              (userId !== member.userId)
+              (channel?.myRole === 'operator' && userId !== member.userId)
                 ? ({ actionRef, parentRef }) => (
                   <ContextMenu
                     menuTrigger={(toggleDropdown) => (

From ee19f0787357c628c0ce44a0369f503cf262591e Mon Sep 17 00:00:00 2001
From: HoonBaek <hoon@sendbird.com>
Date: Mon, 19 Sep 2022 15:18:51 +0900
Subject: [PATCH 2/2] Hide muted icon when popup component is appeared (z-index
 issue)

---
 .../components/UserListItem/index.tsx                | 12 ++++++------
 src/ui/UserListItem/index.scss                       |  2 --
 2 files changed, 6 insertions(+), 8 deletions(-)

diff --git a/src/smart-components/ChannelSettings/components/UserListItem/index.tsx b/src/smart-components/ChannelSettings/components/UserListItem/index.tsx
index 13d8b2897..a663e0d52 100644
--- a/src/smart-components/ChannelSettings/components/UserListItem/index.tsx
+++ b/src/smart-components/ChannelSettings/components/UserListItem/index.tsx
@@ -52,11 +52,6 @@ const UserListItem = ({
         COMPONENT_NAME, ...injectingClassNames,
       ].join(' ')}
     >
-      {
-        user.isMuted && (
-          <MutedAvatarOverlay />
-        )
-      }
       <ContextMenu
         menuTrigger={(toggleDropdown) => (
           <Avatar
@@ -100,6 +95,11 @@ const UserListItem = ({
           </MenuItems>
         )}
       />
+      {
+        user.isMuted && (
+          <MutedAvatarOverlay />
+        )
+      }
       <Label
         className={`${COMPONENT_NAME}__title`}
         type={LabelTypography.SUBTITLE_1}
@@ -137,7 +137,7 @@ const UserListItem = ({
       {
         action && (
           <div ref={actionRef} className={`${COMPONENT_NAME}__action`}>
-            { action({ actionRef, parentRef }) }
+            {action({ actionRef, parentRef })}
           </div>
         )
       }
diff --git a/src/ui/UserListItem/index.scss b/src/ui/UserListItem/index.scss
index 48ee316f3..a1aa8a257 100644
--- a/src/ui/UserListItem/index.scss
+++ b/src/ui/UserListItem/index.scss
@@ -15,7 +15,6 @@
     position: absolute;
     top: 8px;
     left: 0px;
-    z-index: 1;
     cursor: pointer;
   }
 
@@ -23,7 +22,6 @@
     position: absolute;
     top: 8px;
     left: 0px;
-    z-index: 2;
     pointer-events: none;
   }