🩹(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:
committed by
aleb_the_flash
parent
5e74fce6e2
commit
5b282b62e7
@@ -93,6 +93,16 @@ export const MainNotificationToast = () => {
|
|||||||
}
|
}
|
||||||
}, [room, triggerNotificationSound])
|
}, [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 (
|
return (
|
||||||
<Div position="absolute" bottom={20} right={5} zIndex={1000}>
|
<Div position="absolute" bottom={20} right={5} zIndex={1000}>
|
||||||
<ToastProvider />
|
<ToastProvider />
|
||||||
|
|||||||
Reference in New Issue
Block a user