Skip to content

Support adding an arbitrary reaction #388

Closed
@gnprice

Description

@gnprice

Currently we offer the ability to add a thumbs-up from the message action sheet, and to tap on an existing reaction to join in or to remove it. This issue is to add the ability to choose an arbitrary reaction to add.

This feature will appear in the message action sheet. The six "popular" emoji, including 👍, will appear there directly, with an option to go to a full-screen bottom sheet with the list of all emoji. Here's the Figma design from @terpimost:
https://www.figma.com/design/1JTNtYo9memgW7vV6d0ygq/Zulip-Mobile?node-id=2854-27692&m=dev

Key screenshots here (but see Figma for details):
image
image

Two points of difference from that version of the design:

  • The details of the rest of the message action sheet aren't all reflected there; the source for those details is at Bottom sheet redesign #90.
  • The list of six emoji available directly from the message action sheet will be different from there; it'll be the six "popular" emoji.
    • Currently that means a fixed list of six emoji. We'll use that list in order to keep behavior consistent across all Zulip clients. At some point in the future Zulip may offer a more personalized list there; when we do, we'll do so across all clients. The issue for that is Add a "Frequently used" emoji to emoji selector zulip#21841.

Prerequisite issues

Previous discussion of design

The zulip-mobile RN app has this functionality but the UI is kind of clumsy. With Flutter we have a lot more control to make the UI work however we like. So this is an opportunity to reimagine this UI to be much nicer. /cc @alya @terpimost

Some previous threads with ideas for improving this UI in the context of the zulip-mobile RN app:

I think all three of those are good ideas, all together or in any combination, or we can go in another direction if we think it'd be good. For the third one (a button next to existing reactions) we can borrow the design from web, but the other two don't correspond to anything in web and so we'd need fresh designs for them.

Metadata

Metadata

Labels

a-designVisual and UX designa-msglistThe message-list screen, except what's label:a-contentbeta feedbackThings beta users have specifically asked for

Type

No type

Projects

Status

Done

Relationships

None yet

Development

No branches or pull requests

Issue actions