Fix #2309: Add badge on mobile if there is an unread message

[pieer]

No description provided.

[cypress]

group-income    Run #3168

Run Properties:   Passed #3168  •  fa3928a3fb ℹ️: Merge a97ad2cdd086df49ee9893d6a155e68d709bcf79 into 9fd5e1643cf0396ad0dfb58b6d45...

Project	group-income
Branch Review	task/#2309-new-design-on-mobile-chat
Run status	Passed #3168
Run duration	09m 22s
Commit	fa3928a3fb ℹ️: Merge a97ad2cdd086df49ee9893d6a155e68d709bcf79 into 9fd5e1643cf0396ad0dfb58b6d45...
Committer	Pierre Schweiger
View all properties for this run ↗︎

---

Test results
Failures	0
Flaky	0
Pending	10
Skipped	0
Passing	111
View all changes introduced in this branch ↗︎

[taoeffect]

Cool, sorta works, however the indicator doesn't always make sense.

For example, it appears on the dashboard when the user is mentioned in chat:

But pressing it doesn't help at all in this situation:

We need a better design here I think.

[corrideat]

We need a better design here I think.

Another issue is that the badge appears to be floating around, so it's not immediately obvious that it's part of the button.

[pieer]

I've updated the logic:
If we are anywhere in the app but the chat group, we show a notification in the left menu to indicate a new message.
If we are in the group chat page, we have on mobile, an indication on the right panel to indicate new message.

I've updated the icon design to have a background attached to the notification, so the badge is not floating anymore, but attached to the button.

If there is already notification for something else, the main menu show that notification. When the user open the menu he can either look at the notification but also can see that there is a new message in the chat

[taoeffect]

Seems to be working, nice work @pieer!