Skip to content

feat: redesign MessageActions#2951

Merged
MartinCupela merged 17 commits intomasterfrom
feat/redesign/message-actions
Feb 19, 2026
Merged

feat: redesign MessageActions#2951
MartinCupela merged 17 commits intomasterfrom
feat/redesign/message-actions

Conversation

@MartinCupela
Copy link
Contributor

@MartinCupela MartinCupela commented Feb 17, 2026

🎯 Goal

  • Add icons to message actions menus.
  • Add new menu for message with error
  • Restyle MessageBouncePrompt
  • Add general purpose Prompt component and styles

BREAKING CHANGE: order of actions in MessageActions has changed
BREAKING CHANGE: removed CSS variables --str-chat__message-bounce-*
BREAKING CHANGE: remove RemindMeActionButton and RemindMeActionButtonProps

Depends on: GetStream/stream-chat-js#1691

Closes REACT-773

Unsolved questions - SOLVED:

  1. Should we keep some minimal error msg in the message bubble? Figma thread YES - should be added when solving this task
  2. Should we keep show-MessageBounceModal behavior? Figma thread - YES
  3. What icons to use for undo actions? Figma thread 1, Figma thread 2, Figma thread 3, Figma thread 4, Figma thread 5 - ICONS ADDED
  4. What icons to use for items in Remind Me submenu? Figma thread - NO ICON - plus signs have been removed
  5. Should we remove the Save for Later item from message actions menu? In Slack it was said it should be removed, In Figma designs it is still available. - WE WILL SEE

🛠 Implementation details

Added actions:

  • block user
  • resend message
  • copy message text

Added Thread Reply to the message actions menu apart from being available in quick message actions.

🎨 UI Changes

Outgoing
image

Incoming
image

Outgoing with undo actions
image

Incoming with undo actions (excluding reminder + pin which is already above)

image

https://react-chat-redesign-demo-ey3eizrot-getstreamio.vercel.app/

@github-actions
Copy link

github-actions bot commented Feb 17, 2026

Size Change: +4.59 kB (+1.18%)

Total Size: 393 kB

Filename Size Change
./dist/Channel-BAWilRxu.js 0 B -20.7 kB (removed) 🏆
./dist/Channel-CAseRkq2.js 20.8 kB +20.8 kB (new file) 🆕
./dist/ChannelPreview-Dn0nDD9T.js 6.84 kB +6.84 kB (new file) 🆕
./dist/ChannelPreview-DZQGasqq.js 0 B -6.84 kB (removed) 🏆
./dist/cjs/emojis.js 2.97 kB -1 B (-0.03%)
./dist/cjs/experimental.js 3.62 kB -1 B (-0.03%)
./dist/cjs/index.js 196 kB +3.42 kB (+1.77%)
./dist/css/emojis.css 0 B -113 B (removed) 🏆
./dist/css/index.css 32.8 kB +228 B (+0.7%)
./dist/limits-BeZVeL84.js 0 B -61.8 kB (removed) 🏆
./dist/limits-DABobzwQ.js 62.8 kB +62.8 kB (new file) 🆕
ℹ️ View Unchanged
Filename Size
./dist/audioProcessing-BbOs2wMd.js 1.32 kB
./dist/cjs/mp3-encoder.js 1.27 kB
./dist/css/v2/emoji-mart.css 1.84 kB
./dist/css/v2/emoji-replacement.css 300 B
./dist/css/v2/index.css 39.4 kB
./dist/css/v2/index.layout.css 22.8 kB

compressed-size-action

@MartinCupela MartinCupela merged commit 256d862 into master Feb 19, 2026
5 of 6 checks passed
@MartinCupela MartinCupela deleted the feat/redesign/message-actions branch February 19, 2026 11:54
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants