HomePhabricator
Diffusion Comm 372ca174ee7e

[web] introduce ReactionTooltip component

Description

[web] introduce ReactionTooltip component

Summary:
This diff introduces the ReactionTooltip component that we be rendered whenever a user hovers over a reaction pill. This diff just introduces the component and subsequent diffs will handle the other parts to building a tooltip (calculating the tooltipSize and creating the hook that will create this tooltip)

Here is the linear thread where we discuss what should the ReactionTooltip look like

Here is the design (there are some changes and all of this was discussed in the linear thread):

Screenshot 2023-08-17 at 8.16.50 PM.png (662×1 px, 142 KB)

Something to note about the tooltip is that see more will conditionally render based on if 6 or more users have reacted to that message with the same reaction

Depends on D8831

Test Plan:
Please see the demo video below to see what the tooltip looks and behaves like:

Reviewers: atul, kamil

Reviewed By: kamil

Subscribers: ashoat, tomek

Differential Revision: https://phab.comm.dev/D8823

Details

Provenance
ginsuAuthored on Aug 15 2023, 2:14 PM
Reviewer
kamil
Differential Revision
D8823: [web] introduce ReactionTooltip component
Parents
rCOMMe88bb4c1762d: [web] update calculateMaxTextWidth to consider different font sizes
Branches
Unknown
Tags
Unknown