hiteshchoudhary / apihub

Your own API Hub to learn and master API interaction. Ideal for frontend, mobile dev and backend developers.
https://freeapi.app
Other
3.62k stars 836 forks source link

fix: add loading state for message sending and fix multiple message sends #183

Open Jawad-Ali2 opened 2 months ago

Jawad-Ali2 commented 2 months ago

I noticed that sending a message in the chat app takes around 1-2 seconds, but there was no visual indication that the message was being sent. This can lead to confusion for users, as they might not be sure if their message has been sent, especially if they press enter multiple times.

To improve the user experience, I have added a loading state to visualize the message sending process. This loading state appears when a user sends a message and provides immediate feedback that the message is being processed.

Additionally, I discovered that if the user spams the enter key three times, multiple identical messages were sent. I have fixed this issue to ensure that only one message is sent, even if the enter key is pressed multiple times quickly.

Benefits:

Testing: