fix: inline unread count indicator flickering on muted channels (#2232)

vishalnarkhede · web-flow · commit b55d56147e38 · 2023-09-16T23:09:18.000+02:00
diff --git a/package/src/components/MessageList/MessageList.tsx b/package/src/components/MessageList/MessageList.tsx
@@ -553,7 +553,8 @@ const MessageListWithContext = <
     }
 
     const isCurrentMessageUnread = isMessageUnread(index);
-    const showUnreadUnderlay = isCurrentMessageUnread && scrollToBottomButtonVisible;
+    const showUnreadUnderlay =
+      !channel.muteStatus().muted && isCurrentMessageUnread && scrollToBottomButtonVisible;
     const insertInlineUnreadIndicator = showUnreadUnderlay && !isMessageUnread(index + 1); // show only if previous message is read
 
     if (message.type === 'system') {

Original file line number	Diff line number	Diff line change
`@@ -553,7 +553,8 @@ const MessageListWithContext = <`
`553`	`553`	`}`
`554`	`554`
`555`	`555`	`const isCurrentMessageUnread = isMessageUnread(index);`
`556`		`- const showUnreadUnderlay = isCurrentMessageUnread && scrollToBottomButtonVisible;`
	`556`	`+ const showUnreadUnderlay =`
	`557`	`+ !channel.muteStatus().muted && isCurrentMessageUnread && scrollToBottomButtonVisible;`
`557`	`558`	`const insertInlineUnreadIndicator = showUnreadUnderlay && !isMessageUnread(index + 1); // show only if previous message is read`
`558`	`559`
`559`	`560`	`if (message.type === 'system') {`