feat: redesign floating indicators in message lists#2966
Merged
MartinCupela merged 8 commits intomasterfrom Feb 25, 2026
Merged
feat: redesign floating indicators in message lists#2966MartinCupela merged 8 commits intomasterfrom
MartinCupela merged 8 commits intomasterfrom
Conversation
- Render FloatingDateSeparator
- Add NewMessageNotification as standalone component at bottom of message list
- Style NewMessageNotification per Figma (pill, design tokens)
- Remove MessageNotification from MessageListNotifications; simplify props to { notifications }
- Move isNotAtLatestMessageSet visibility logic into ScrollToLatestMessageButton
- Rename ScrollToBottomButton to ScrollToLatestMessageButton
- Replace ComponentContext.MessageNotification with NewMessageNotification
- Remove "Latest Messages" string and related i18n entries
# Conflicts: # src/components/MessageList/styling/MessageList.scss
…ontent in MessageList
MartinCupela
requested review from
arnautov-anton and
oliverlaz
as code owners
|
Size Change: +1.26 kB (+0.31%) Total Size: 407 kB
ℹ️ View Unchanged
|
oliverlaz
approved these changes
Feb 25, 2026
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
🎯 Goal
Closes REACT-770: Message view: floating date separators fixed on scroll
Closes REACT-808: Implement badge designs
Closes REACT-800: Message view: New Messages While Scrolled Up
Closes REACT-779: Web screens: unread indicators in message list
Solved for both
MessageListas well asVirtualizedMessageList.Fixes an issue of inconsistent display of
UnreadMessagesNotificationwhen scrolled away fromUnreadMessagesSeparator.BREAKING CHANGE: remove CSS variables for --str-chat__jump-to-latest-message-*
BREAKING CHANGE: rename MessageNotification to NewMessageNotification
BREAKING CHANGE: rename ScrollToBottomButton to ScrollToLatestMessageButton
BREAKING CHANGE: introduce ScrollToLatestMessageButton by default into message list
BREAKING CHANGE: change the markup of ScrollToLatestMessageButton
BREAKING CHANGE: change the markup of UnreadMessagesSeparator
🎨 UI Changes
dmy3.webm