fix: hide mute and block action from member sheet

Author: szuperaz

package/src/hooks/actions/__tests__/useChannelMemberActionItems.test.tsx

@@ -25,14 +25,15 @@ const createMemberMock = (userId = 'target-user-id'): ChannelMemberResponse =>
     user_id: userId,
   }) as ChannelMemberResponse;
 
-const createChannelMock = (params?: { blockedUserIds?: string[] }): Channel => {
-  const { blockedUserIds = [] } = params ?? {};
+const createChannelMock = (params?: { blockedUserIds?: string[]; userID?: string }): Channel => {
+  const { blockedUserIds = [], userID = 'current-user-id' } = params ?? {};
   return {
     getClient: () => ({
       blockedUsers: {
         getLatestValue: () => ({ userIds: blockedUserIds }),
         subscribeWithSelector: () => () => {},
       },
+      userID,
     }),
   } as unknown as Channel;
 };
@@ -70,6 +71,16 @@ describe('useChannelMemberActionItems', () => {
     expect(result.current.map((item) => item.label)).toEqual(['Mute User', 'Block User']);
   });
 
+  it('returns no action items when the member is the current user', () => {
+    const currentUserChannel = createChannelMock({ userID: 'target-user-id' });
+
+    const { result } = renderHook(() =>
+      useChannelMemberActionItems({ channel: currentUserChannel, member }),
+    );
+
+    expect(result.current).toEqual([]);
+  });
+
   it('toggles muteUser to unmuteUser when the member is already muted', () => {
     jest
       .spyOn(useMutedUsersModule, 'useMutedUsers')
@@ -140,6 +151,7 @@ describe('useChannelMemberActionItems', () => {
         actions: userActions,
         channel,
         isBlocked: false,
+        isCurrentUser: false,
         member,
         t: expect.any(Function),
         userMuteActive: false,
@@ -161,6 +173,7 @@ describe('buildDefaultChannelMemberActionItems', () => {
       actions,
       channel,
       isBlocked: false,
+      isCurrentUser: false,
       member,
       t: ((value: string) => value) as TranslationContextValue['t'],
       userMuteActive: false,
@@ -172,12 +185,28 @@ describe('buildDefaultChannelMemberActionItems', () => {
     expect(items.map((item) => item.type)).toEqual(['standard', 'destructive']);
   });
 
+  it('returns no items when the member is the current user', () => {
+    const actions = createUserActions();
+    const items = buildDefaultChannelMemberActionItems({
+      actions,
+      channel,
+      isBlocked: false,
+      isCurrentUser: true,
+      member,
+      t: ((value: string) => value) as TranslationContextValue['t'],
+      userMuteActive: false,
+    });
+
+    expect(items).toEqual([]);
+  });
+
   it('returns unmute/unblock variants when toggles are active', () => {
     const actions = createUserActions();
     const items = buildDefaultChannelMemberActionItems({
       actions,
       channel,
       isBlocked: true,
+      isCurrentUser: false,
       member,
       t: ((value: string) => value) as TranslationContextValue['t'],
       userMuteActive: true,
@@ -194,6 +223,7 @@ describe('buildDefaultChannelMemberActionItems', () => {
       actions,
       channel,
       isBlocked: false,
+      isCurrentUser: false,
       member,
       t: ((value: string) => value) as TranslationContextValue['t'],
       userMuteActive: true,
@@ -209,6 +239,7 @@ describe('buildDefaultChannelMemberActionItems', () => {
       actions,
       channel,
       isBlocked: false,
+      isCurrentUser: false,
       member,
       t: ((value: string) => value) as TranslationContextValue['t'],
       userMuteActive: false,
@@ -219,6 +250,7 @@ describe('buildDefaultChannelMemberActionItems', () => {
         actions,
         channel,
         isBlocked: false,
+        isCurrentUser: false,
         member,
         t: ((value: string) => value) as TranslationContextValue['t'],
         userMuteActive: false,

package/src/hooks/actions/useChannelMemberActionItems.tsx

@@ -17,6 +17,7 @@ export type ChannelMemberActionItemsParams = {
   actions: UserActions;
   channel: Channel;
   isBlocked: boolean;
+  isCurrentUser: boolean;
   member: ChannelMemberResponse;
   t: TranslationContextValue['t'];
   userMuteActive: boolean;
@@ -43,36 +44,43 @@ export const buildDefaultChannelMemberActionItems: BuildDefaultChannelMemberActi
   const {
     actions: { blockUser, muteUser, unblockUser, unmuteUser },
     isBlocked,
+    isCurrentUser,
     t,
     userMuteActive,
   } = channelMemberActionItemsParams;
 
-  const actionItems: ChannelMemberActionItem[] = [
-    {
-      action: userMuteActive ? unmuteUser : muteUser,
-      Icon: (props) =>
-        userMuteActive ? (
-          <ChannelMemberActionsIcon Icon={Sound} {...props} />
-        ) : (
-          <ChannelMemberActionsIcon
-            Icon={Mute}
-            {...props}
-            fill={props.fill ?? props.stroke}
-            stroke={undefined}
-          />
-        ),
-      id: 'muteUser',
-      label: userMuteActive ? t('Unmute User') : t('Mute User'),
-      type: 'standard',
-    },
-    {
-      action: isBlocked ? unblockUser : blockUser,
-      Icon: (props) => <ChannelMemberActionsIcon Icon={BlockUser} {...props} />,
-      id: 'block',
-      label: isBlocked ? t('Unblock User') : t('Block User'),
-      type: isBlocked ? 'standard' : 'destructive',
-    },
-  ];
+  const actionItems: ChannelMemberActionItem[] = [];
+
+  // Muting or blocking yourself is meaningless, so these actions are only
+  // added for other members.
+  if (!isCurrentUser) {
+    actionItems.push(
+      {
+        action: userMuteActive ? unmuteUser : muteUser,
+        Icon: (props) =>
+          userMuteActive ? (
+            <ChannelMemberActionsIcon Icon={Sound} {...props} />
+          ) : (
+            <ChannelMemberActionsIcon
+              Icon={Mute}
+              {...props}
+              fill={props.fill ?? props.stroke}
+              stroke={undefined}
+            />
+          ),
+        id: 'muteUser',
+        label: userMuteActive ? t('Unmute User') : t('Mute User'),
+        type: 'standard',
+      },
+      {
+        action: isBlocked ? unblockUser : blockUser,
+        Icon: (props) => <ChannelMemberActionsIcon Icon={BlockUser} {...props} />,
+        id: 'block',
+        label: isBlocked ? t('Unblock User') : t('Block User'),
+        type: isBlocked ? 'standard' : 'destructive',
+      },
+    );
+  }
 
   return actionItems;
 };
@@ -112,16 +120,19 @@ export const useChannelMemberActionItems = ({
 
   const isBlocked = blockedUserIds.includes(member.user?.id ?? '');
 
+  const isCurrentUser = member.user?.id === channel.getClient().userID;
+
   const channelMemberActionItemsParams = useMemo<ChannelMemberActionItemsParams>(
     () => ({
       actions: userActions,
       channel,
       isBlocked,
+      isCurrentUser,
       member,
       t,
       userMuteActive,
     }),
-    [channel, isBlocked, member, t, userActions, userMuteActive],
+    [channel, isBlocked, isCurrentUser, member, t, userActions, userMuteActive],
   );
 
   const defaultItems = useMemo(