No funded issue found.
Check out the Issue Explorer
Be the OSS Funding you wish to see in the world.
Looking to fund some work? You can submit a new Funded Issue here .
Time left
Opened
Issue Type
Workers Auto Approve
Project Type
Time Commitment
Experience Level
Permissions
Accepted
Reserved For
[THE ISSUE] Add an unread messages indicator inside chats
status-im
Clojure
[comment]: # (Please replace ... with your information. Remove )
### User Story
As a user, I want to see the number of unread messages in a chat so that I can continue my chats where I left them and track my progress in catching up with new messages.
### Description
[comment]: # (Feature or Bug? i.e Type: Bug)
_Type_: Feature
[comment]: # (Describe the feature you would like, or briefly summarise the bug and what you did, what you expected to happen, and what actually happens. Sections below)
_Summary_: We need a visible way to indicate and track the number of unread messages left in a chat, and if desired, skip past them and mark all messages as read.
#### Expected behavior
User has an X number of unread messages in a chat. After opening the chat, we present a small badge to the bottom right with a counter of unread messages left. The chat is opened in the position before any new unread messages, where you last left it.
Scrolling downward should update the counter as the user scrolls past the unread messages, marking them as read. Tapping on the counter should scroll down to the last unread message and mark everything as read. When there are no unread messages left, we dismiss the counter.
### Solution
You can follow the intended design in this prototype https://framer.cloud/taJfZ
Mobile designs are here in [Figma](https://www.figma.com/file/aS1ct66VQ6V0cio7vSqS8UoG/Chat?node-id=568%3A0)
Desktop designs [Figma](https://www.figma.com/file/MRYBI5axcTwL4Ft8xAYhFOfy/Desktop-Chat?node-id=20%3A154)
Some things to be aware of, please enclose the badge in a touchable that's slightly larger than the button itself, adding a 12px padding inside the touchable or a margin outside the button. The text inside the badge should be right aligned. The SVG for the icon can be exported directly from Figma, it's called `scrollBottomIcon`, lmk if you need help or further directions.
[Scroll - Unread](https://framer.cloud/taJfZ)This project was made with Framer, a design tool for turning original concepts into working prototypes.
Setup your profile
Tell us a little about you:
Skills
No results found for [[search]] .
Type to search skills..
Bio Required
[[totalcharacter]] / 240
Are you currently looking for work?
[[ option.string ]]
Next
Setup your profile
Our tools are based on the principles of earn (💰), learn (📖), and meet (💬).
Select the ones you are interested in. You can change it later in your settings.
I'm also an organization manager looking for a great community.
Back
Next
Save
Enable your organization profile
Gitcoin products can help grow community around your brand. Create your tribe, events, and incentivize your community with bounties. Announce new and upcoming events using townsquare. Find top-quality hackers and fund them to work with you on a grant.
These are the organizations you own. If you don't see your organization here please be sure that information is public on your GitHub profile. Gitcoin will sync this information for you.
Select the products you are interested in:
Out of the box you will receive Tribes Lite for your organization. Please provide us with a contact email:
Email
Back
Save
