fix: Do not show menu for non-admin user(ChannelSettings)(#300)

Author: HoonBaek

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) => (

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

src/ui/UserListItem/index.scss

@@ -15,15 +15,13 @@
     position: absolute;
     top: 8px;
     left: 0px;
-    z-index: 1;
     cursor: pointer;
   }
 
   .sendbird-muted-avatar {
     position: absolute;
     top: 8px;
     left: 0px;
-    z-index: 2;
     pointer-events: none;
   }