Page MenuHomePhabricator

[native] introduce MessageReactionsModal
ClosedPublic

Authored by ginsu on Jan 23 2023, 10:01 AM.
Tags
None
Referenced Files
Unknown Object (File)
Mon, Dec 2, 2:34 PM
Unknown Object (File)
Nov 16 2024, 2:33 PM
Unknown Object (File)
Nov 12 2024, 12:26 AM
Unknown Object (File)
Nov 8 2024, 2:58 AM
Unknown Object (File)
Nov 8 2024, 2:58 AM
Unknown Object (File)
Nov 8 2024, 2:58 AM
Unknown Object (File)
Nov 8 2024, 2:57 AM
Unknown Object (File)
Nov 1 2024, 6:19 PM
Subscribers

Details

Summary

introduce MessageReactionsModal. MessageReactionsModal shows all the users who have reacted to a message, what their username is and what reaction they used. I decided to punt the implementation of the filter buttons at the top of the design since every message will be a like for the moment


Depends on D6348
Linear Task: ENG-2719

Test Plan

Please watch the demo video to see how MessageReactionsModal works

Diff Detail

Repository
rCOMM Comm
Lint
No Lint Coverage
Unit
No Test Coverage

Event Timeline

ginsu edited the test plan for this revision. (Show Details)
ginsu added reviewers: atul, tomek.

Overall looks super clean!

Two suggestions inline, let's definitely do the the memoization one before landing.

native/chat/message-reactions-modal.react.js
62

Let's memoize this... otherwise the object (in this case an array) will get recreated every time

86–88

Instead of all of these (and marginTop on line 90) can we just do

margin: 0,

?

This revision is now accepted and ready to land.Jan 24 2023, 11:20 AM
native/chat/message-reactions-modal.react.js
86–88

Unfortunately, we do need to set each margin property individually since the modal component sets them individually as well, and

margin: 0,

won't override those properties in the modal component

native/chat/message-reactions-modal.react.js
86–88

Ah gotcha... could you group marginTop with these threes and add a comment saying we need to list them out explicitly to override?

remove unnecessary margin

This revision was automatically updated to reflect the committed changes.