Socket event `send message` not rendering messages in UI real-time - Githubissues

martin-markovic / learn-connect

Multi-feature platform designed to enhance the online learning experience.

MIT License

0 stars 0 forks source link

Socket event `send message` not rendering messages in UI real-time #45

Open martin-markovic opened 6 days ago

martin-markovic commented 6 days ago

Summary:

The socket event message delivered is emitted by the server, but the client-side consumer in useEffect does not trigger the UI update as intended.
Messages are sent successfully, but the UI does not reflect the updated message status in real time.

Description

The chat messages UI should update in real-time, for all classroom (and socket room) participants. Currently, this feature works only for the message sender (the user who dispatches send message event).
Chat messages collection is updated in MongoDB. All users can see the new message upon refreshing the page, but new message doesn't render in real-time for other participants.

martin-markovic commented 6 days ago

Here are screenshots of the UI, with 2 participants of the same classroom (socket room). Left side is message sender's UI:

after sending a new message, without refreshing the page:

before

after refreshing a page for both users :

after