🩹(frontend) dismiss notification toasts on room disconnect

Ensure notification toasts are cleared when a participant disconnects,
preventing stale notifications from showing if the user quickly rejoins.
This resolves issues with duplicate or outdated notifications appearing.
This commit is contained in:
lebaudantoine
2024-09-16 11:16:41 +02:00
committed by aleb_the_flash
parent 5e74fce6e2
commit 5b282b62e7

View File

@@ -93,6 +93,16 @@ export const MainNotificationToast = () => {
}
}, [room, triggerNotificationSound])
useEffect(() => {
const closeAllToasts = () => {
toastQueue.visibleToasts.forEach(({ key }) => toastQueue.close(key))
}
room.on(RoomEvent.Disconnected, closeAllToasts)
return () => {
room.off(RoomEvent.Disconnected, closeAllToasts)
}
}, [room])
return (
<Div position="absolute" bottom={20} right={5} zIndex={1000}>
<ToastProvider />