Development resources at your finger tips
Build with the coolest Web3 projects
Recurring funding for Open Source
Ethical ads to power Open Source
Learn about Web3 & earn rewards
Show appreciation for each other
Meet fellow developers, designers, futurists and more. Collaborate and BUIDL awesome projects together.
Discover great web3 organizations, work on meaningful projects and build relationships with like minded people. Browse Tribes
Meet the top hunters and contributors from our community.
KERNEL is an 8-week, invite-only program for top tech talent looking to build relationships, products, and companies in blockchain and Web 3. 100 tal…
Heyo Gitcoiners! With an entire city of hackers, coders and blockchain innovators relocated on our platform, the atmosphere is just buzzing with crea…
Type in [[ 2- term.length]] more characters to get results
[[ result.title ]]
[[ result.description | truncate(70) ]]
No matches found
Gitcoin is GDPR complaint. Learn more in
Gitcoin's Terms & Conditions.
Check out the Issue Explorer
Looking to fund some work? You can submit a new Funded Issue here.
[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.
[comment]: # (Feature or Bug? i.e Type: Bug)
[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.
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.
!(https://framer.cloud/taJfZ/2/framer/social-1200x630.png)[Scroll - Unread](https://framer.cloud/taJfZ)This project was made with Framer, a design tool for turning original concepts into working prototypes.