Skip to content

fix(ReactionListClustered): show the total reaction count per design - #3961

Merged
isekovanic merged 2 commits into
developfrom
fix/clustered-reactions-total-count
Nov 10, 2026
Merged

isekovanic merged 2 commits into
developfrom
fix/clustered-reactions-total-count

Conversation

@isekovanic

Copy link
Copy Markdown
Contributor

Ticket: https://linear.app/stream/issue/RN-519

🎯 Goal

Design fix: the number next to the clustered reactions should be the total number of reactions on the message, shown whenever it is greater than 1. It was showing the number of reaction types beyond the first four, and only when there were more than four types.

🛠 Implementation details

  • ReactionListClustered sums the count of every reaction type and shows the badge when the total is above 1.
  • The badge's accessibility label now reads "N reaction(s)", using the message.reactionList.total.accessibilityLabel key.

🧪 Testing

  • New ReactionListClustered.test.tsx: the total across types, a single type reacted twice, the accessibility label, and no badge for a single reaction.

The count next to the clustered reactions now shows the total number of
reactions on the message whenever it is greater than 1, instead of the
number of reaction types beyond the first four.
@isekovanic
isekovanic requested a review from oliverlaz November 9, 2026 16:32
Adds the total count label as a new key instead of renaming the existing
one, so translation dictionaries that override it keep compiling.
@Stream-SDK-Bot

Copy link
Copy Markdown
Contributor

SDK Size

title develop branch diff status
js_bundle_size 2027 KB 2027 KB +189 B 🟢
ai_components_size 163 KB 163 KB 0 B 🟢

@isekovanic
isekovanic merged commit 321c6a2 into develop Nov 10, 2026
22 checks passed
@isekovanic
isekovanic deleted the fix/clustered-reactions-total-count branch November 10, 2026 11:43
This was referenced Nov 10, 2026
@stream-ci-bot

Copy link
Copy Markdown
Contributor

🎉 This PR is included in version 10.0.1 🎉

The release is available on:

Your semantic-release bot 📦🚀

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants