fix: add proper way to check for mutes

Author: isekovanic

package/src/components/ChannelList/hooks/useChannelActionItems.tsx

@@ -84,23 +84,6 @@ export const buildDefaultChannelActionItems: BuildDefaultChannelActionItems = (
     : undefined;
 
   const actionItems: ChannelActionItem[] = [
-    // isPinned
-    //   ? {
-    //       action: unpin,
-    //       Icon: <View />,
-    //       id: 'unpin',
-    //       label: '',
-    //       placement: 'both',
-    //       type: 'standard',
-    //     }
-    //   : {
-    //       action: pin,
-    //       Icon: <View />,
-    //       id: 'pin',
-    //       label: '',
-    //       placement: 'both',
-    //       type: 'standard',
-    //     },
     {
       action: isDirectChat
         ? muteActive

package/src/components/Message/hooks/useMessageActionHandlers.ts

@@ -1,5 +1,7 @@
 import { Alert } from 'react-native';
 
+import { useUserMuteActive } from './useUserMuteActive';
+
 import type { ChannelContextValue } from '../../../contexts/channelContext/ChannelContext';
 import type { ChatContextValue } from '../../../contexts/chatContext/ChatContext';
 import { MessageComposerAPIContextValue } from '../../../contexts/messageComposerContext/MessageComposerAPIContext';
@@ -32,14 +34,12 @@ export const useMessageActionHandlers = ({
   const handleResendMessage = () => retrySendMessage(message);
   const translatedMessage = useTranslatedMessage(message);
 
+  const isMuted = useUserMuteActive(message.user);
+
   const handleQuotedReplyMessage = () => {
     setQuotedMessage(message);
   };
 
-  const isMuted = (client.mutedUsers || []).some(
-    (mute) => mute.user.id === client.userID && mute.target.id === message.user?.id,
-  );
-
   const handleCopyMessage = () => {
     if (!message.text) {
       return;

package/src/components/Message/hooks/useUserMuteActive.ts

@@ -0,0 +1,16 @@
+import { UserResponse } from 'stream-chat';
+
+import { useChannelContext, useChatContext } from '../../../contexts';
+import { useMutedUsers } from '../../ChannelList/hooks/useMutedUsers';
+
+export const useUserMuteActive = (user: UserResponse | null | undefined) => {
+  const { client } = useChatContext();
+  const { channel } = useChannelContext();
+  const mutedUsers = useMutedUsers(channel);
+
+  if (!user) {
+    return false;
+  }
+
+  return !!mutedUsers.find((mute) => mute.user.id === client.userID && user.id === mute.target.id);
+};