muted status icon

src/screens/InAppScreens/MessagesScreen/index.tsx

@@ -25,6 +25,7 @@ import { formatDate } from './utils';
 import { routes } from './constants';
 import { styles } from './styles';
 import { useChatStore } from 'src/stores/chatStore';
+import BellSlashIcon from 'assets/icons/messages/bell-slash.svg';
 
 const MessagesScreen = () => {
   const navigation = useNavigation();
@@ -159,6 +160,8 @@ const MessagesScreen = () => {
 
                 <View style={{ flexDirection: 'row', alignItems: 'center', gap: 6 }}>
                   {item.pin === 1 ? <PinIcon height={12} fill={Colors.DARK_BLUE} /> : null}
+                  {item.muted === 1 ? <BellSlashIcon height={12} fill={Colors.DARK_BLUE} /> : null}
+
                   {item.sent_by !== item.uid && item.status === 3 ? (
                     <ReadIcon fill={Colors.DARK_BLUE} />
                   ) : item.sent_by !== item.uid && (item.status === 2 || item.status === 1) ? (