CRT RN: Swipe in the “Threads” view to unfollow or mark read/unread

[mattermod]

Problem to Solve

We have added a long-press menu to thread list items (soon to be in the product). With these types of lists, there is a user expectation to use gestures to perform quick, common actions on items. Users have requested this feature as well, so this validates the assumed expectation.

Access to marking threads read/unread and unfollowing threads would be the common actions that have been identified for this interaction.

See attached video for example of email interactions on iOS.

Proposed Solution

Partial swipe left (from right to left)

Reveals 3 buttons: Unfollow, Unread/Read and More

• Unfollow: unfollows the thread and removes it from the list
• Unread: marks the thread as unread and adds the badge
• Read: marks the thread as read and removes the badge
• More: opens the thread long-press bottom sheet menu



Full swipe left (from right to left edge):

Unfollows the thread and removes it from the list.


{panel:bgColor=#deebff} Note: swiping left to right should not be affected since it opens the channel drawer {panel}

{panel:bgColor=#deebff} Note: The solution below will be applied to mobile v2 (aka: Gekidou). {panel}

References

Figma design

Clickable prototype(reference for animation)

• Note: swiping function doesn’t work perfectly in Figma, but I’ve faked it as best I can

---

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-38406

[tanmaythole]

I want to pick this