The UI currently broadcasts outbound typing states via MessageInput.js, but it never listens for incoming typing alerts. No one can see when another teammate is typing.
- Proposed Implementation Steps:
- In
ChatPage.jsx, subscribe the initialized STOMP client to /topic/channel/{id}/typing whenever an activeChannel shifts.
- Maintain a local
typingUsers state array containing user IDs currently active.
- Render a clean text notification (e.g., "Ahmed Aly is typing...") right above the
MessageInput component using usersMap to resolve names.
The UI currently broadcasts outbound typing states via
MessageInput.js, but it never listens for incoming typing alerts. No one can see when another teammate is typing.ChatPage.jsx, subscribe the initialized STOMP client to/topic/channel/{id}/typingwhenever anactiveChannelshifts.typingUsersstate array containing user IDs currently active.MessageInputcomponent usingusersMapto resolve names.