Allow to mark all messages as read

[lukaszfryc]

Description

Type: Feature

Summary:
Each of unread message has to be seen in order for the unread message counter to disappear. This can be an issue when you have hundreds of unread messages and you do not want to scroll to see them all. That's why we want to introduce unread messages badge with "X" button that marks all messages as read:

Design: https://app.zeplin.io/project/5a55d587ba304eed4d2c942f/screen/5b1a79ae98f9b848590fb930

Expected behavior

• Badge appreas if there are some unread messages. The counter changes while the user scrolls up to read messages
• Clicking on the badge takes the user to the first unread message
• User can mark all messages as read by clicking "X" on the badge

Actual behavior

User needs to see all messages manually for unread message counter to disappear.

Additional Information

• Status version: 0.9.24
• Operating System: Android, iOS

[lukaszfryc]

This issue has been mentioned couple of times on Instabug.

[lukaszfryc]

There are couple of solutions to this problem. One which is very simple is to have "Mark all messages as read" button in chat options. The other can be to scroll to the first unread message when a chat is opened and show visual indicator for it similar to what Slack does:

@errorists I think we need design your input here :) Please check #4691 which is related.

[errorists]

@lukaszfryc are you aware of this design zpl.io/aN0ZKWQ ? Can't find a GH issue for it, but it follows the Slack route of marking messages as read and is ready for implementation.

[lukaszfryc]

@errorists this design looks great and I think it has good UX. We should definitely make tappable area for "X" big enough to easily click it. I believe it will be used often.

[errorists]

@lukaszfryc I'll be revisiting those snackbars sometime in the near future as they seem to cause some issues, I'll see what can be done about the tappable area to reach the sensible minimum of 44x44pts

[lukaszfryc]

More people complain about this Instabug including @jarradh.

@yenda or @janherich, maybe you could work on this task?

[lukaszfryc]

Alternatively we can just mark all messages as read when chat is opened. It's easier to implement but it will not allow us to keep track of new messages in channels. That's why the best solution is https://app.zeplin.io/project/5a55d587ba304eed4d2c942f/screen/5b1a79ae98f9b848590fb930

Zeplin

Zeplin - Login

Collaboration app for UI designers and frontend developers

[lukaszfryc]

I updated the description of the issue. @errorists could you double check it to see if I got the behaviour of the badge right?

[oskarth]

Is this really a blocker? I understand it'd be nice but seems like it can be cut from scope.

cc @rachelhamlin

[errorists]

This task is superseded by #6375

[oskarth]

Closing as there's a new issue for this.