Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Feat: Add tooltip displaying users who reacted with a particular emoji #820

Open
wants to merge 3 commits into
base: develop
Choose a base branch
from

Conversation

abirc8010
Copy link
Contributor

@abirc8010 abirc8010 commented Jan 6, 2025

Brief Title

This PR introduces a tooltip displaying users who reacted with a specific emoji.

Acceptance Criteria fulfillment

  • Added state hoveredReaction to track the currently hovered reaction.
  • Created a tooltipMap to store the tooltip content for each reaction.
  • Implemented getTooltipContent to generate a string of users who reacted,
  • For each reaction, the tooltip is displayed on hover and shows the users who reacted, with a limit of 9 users before summarizing with "and {remainingNumberOfReactions} other(s)".
  • Added relevant styling to the tooltip for proper alignment

Fixes #819

Video/Screenshots

Screencast.from.2025-01-06.22-44-53.webm

PR Test Details

Note: The PR will be ready for live testing at https://rocketchat.github.io/EmbeddedChat/pulls/pr-820 after approval. Contributors are requested to replace <pr_number> with the actual PR number.

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.

Feat: Add tooltip displaying the users who reacted with a particular emoji
1 participant