search

dappros / ethora

A 'super app' engine for your project. React Native (iOS, Android) and React.js (Web, desktop). Social Sign In 🄵, Messaging 💬 (chat, voice, push notifications), Web3 Wallet 🪪 (profile QR, documents, coins, NFT), DLT 🔐 (provenance, crypto signing), Gamification 🤩, Social Commerce and more.
https://ethora.com/
GNU Affero General Public License v3.0
441 stars 90 forks source link

Chat history scroll down UI #140

Closed phwizard closed 2 years ago

phwizard commented 2 years ago

Currently users can reveal the previous / old chat history by pulling down the last (top) available part of the chat history.

However it doesn't load immediately and it's not obvious for the user that something is loading. Also last (the highest in the top) available chat bubble shows too close to the navigational header.

We should probably show three dots or spinner / cloud icon, some UI element there showing that older chat history is being loaded?

Can you propose a UI / UX solution to notify the user that the history is being loaded?

Egatlov commented 2 years ago

Hi @phwizard I just noticed that we already have a spinner that animates when the user enters the chat after logging in to the app. We can use the same spinner to show the chat history is loading when a user is pulling down the last (top) available part. This animation should also create some space between the top navigational header and chat bubble.

phwizard commented 2 years ago

Done - thank you