Posts & Attachments - Reply drawer issues

[Francesca-G]

Design Feedback 2.27

[Posts & Attachments] Reply drawer issues

Figma frame of the Review here

• Identicon ring [comment] shouldn't be visible (issue closed here but not solved: redundant identicon ring in on-long-press selected message #17510)
• Contact icon [comment] isn't aligned with name and date in the message preview
• Reaction button [comment] should be a square
• Pressed state [comment] of the drawer action is wrong

Reproduction

1. Open a chat
2. Long press on a message to open the reply drawer

Additional Information

• Status version: nightly
• Operating System: Android, iOS
• Devices in the screenshots: iPhone 13

[yqrashawn]

can't reproduce visible ident ring and unaligned contact icon

[yqrashawn]

before, after
the thinner one is after

reason:

1. emojis are texts in rn/text, so height should be set with line-height
2. padding in figma is 10, with border as 1, padding should be 9 in mobile

[yqrashawn]

• Pressed state [comment] of the drawer action is wrong

for this one, code is using quo/menu-item but in figma it's quo/drawer-action

[yqrashawn]

there are a lot "drawer actions" that haven't been updated to use quo/drawer-action yet, since quo/drawer-action was implemented 2 weeks ago
actually, there's no quo/drawer-action usage in current dev

• status-im.common.mute-drawer.view, using quo/menu-items
• quo.components.drawers.action-drawers.view, using a custom implementation
• ...

Figma link for context drawers https://www.figma.com/file/apCsJHT8J58JXbJD2igtbd/Context-Drawers-for-Mobile?type=design&node-id=791-275811&mode=design&t=Bn4gxwEGoqobemgd-0
Figma link for drawer actions https://www.figma.com/file/WQZcp6S0EnzxdTL4taoKDv/Design-System-for-Mobile?type=design&node-id=1931-31188&mode=design&t=vlfhmcKKNvm3E7Vs-4

features in drawer-action but not in menu-items

• customization color
• toggle
• ...

@cammellos should we create issues for this?