Mattermost-server: Access recent reactions from the long press menu

Created on 10 Mar 2020  路  3Comments  路  Source: mattermost/mattermost-server

Above the first row in the long press menu, add a row of emojis to select reactions, with a button to access more:

Functional Notes:

  • Remove the reaction row in the long press menu
  • Show 5 reactions, in the order of recently used, then a button to open the normal emoji picker.
  • If there are no recently used emoji, show these:
  • Slot 1: thumbs up
  • Slot 2: Smile
  • Slot 3: Green Check Mark
  • Slot 4: Heart
  • Slot 5: Eyes
  • Slot 6: Button to open emoji picker
  • Once recently used emoji exist, start slotting them in at Slot 1 > 5, pushing the default emoji out.
  • If the user is not able to react, then hide this emoji row (same as existing permissions with read only channels)
  • When a user taps an emoji from the row, provide a light haptic feedback that

Figma File

https://www.figma.com/file/TLoAiMJ650x9PTYmYVoZr2/MM-18528-Quick-Access-Reactions?node-id=62%3A1312

UI Screenshot:

How to use Figma dev tools

https://www.youtube.com/watch?v=8LOwVOKy1OE


If you're interested please comment here and come join our "Contributors" community channel on our daily build server, where you can discuss questions with community members and the Mattermost core team. For technical advice or questions, please join our "Developers" community channel.

New contributors please see our Developer's Guide.

JIRA: https://mattermost.atlassian.net/browse/MM-22362

AreEnd User Feature Medium Help Wanted PR Exists TecReact Native

All 3 comments

I'd like to take care of this one :)

Also, is there any chance you can make that Figma link public? I seem to be running into a 404 error page when trying to connect from my account

@matthewbirtch ^

Updated! Apologies - I didn't realize it was internal to Mattermost. Figma link is public now

Was this page helpful?
0 / 5 - 0 ratings