Re-Quest/frontend
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: implement real-time message and notification count synchronization via custom events and socket listeners

Browse Source
This commit is contained in:
pradeepkumar
2026-04-13 22:47:51 +05:30
parent 081dd65f1e
commit 189b3b9815
1 changed files with 7 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/hooks/useMessaging.ts
View File

@@ -170,6 +170,9 @@ export function useMessaging(options: UseMessagingOptions = {}): UseMessagingRet
setConversations((prev) => setConversations((prev) =>
prev.map((c) => (c.id === conversationId ? { ...c, unreadCount: 0 } : c)) prev.map((c) => (c.id === conversationId ? { ...c, unreadCount: 0 } : c))
); );
// Notify header to instantly refresh message + notification counts
window.dispatchEvent(new Event('messages-read'));
} catch (error) { } catch (error) {
console.error('Failed to load conversation:', error); console.error('Failed to load conversation:', error);
} finally { } finally {
@@ -331,6 +334,7 @@ export function useMessaging(options: UseMessagingOptions = {}): UseMessagingRet
} else { } else {
await messagesService.markAsRead(currentConversationIdRef.current); await messagesService.markAsRead(currentConversationIdRef.current);
} }
window.dispatchEvent(new Event('messages-read'));
}, [isConnected]); }, [isConnected]);
// Mark all conversations as read // Mark all conversations as read
@@ -342,6 +346,7 @@ export function useMessaging(options: UseMessagingOptions = {}): UseMessagingRet
setConversations((prev) => setConversations((prev) =>
prev.map((c) => ({ ...c, unreadCount: 0 })) prev.map((c) => ({ ...c, unreadCount: 0 }))
); );
window.dispatchEvent(new Event('messages-read'));
}, [conversations]); }, [conversations]);
// Delete a conversation // Delete a conversation
@@ -497,6 +502,8 @@ export function useMessaging(options: UseMessagingOptions = {}): UseMessagingRet
} else { } else {
messagesService.markAsRead(message.conversationId).catch(() => {}); messagesService.markAsRead(message.conversationId).catch(() => {});
} }
// Notify header to refresh counts since we auto-read the message
window.dispatchEvent(new Event('messages-read'));
} }
} }