Alert user if he close the window before the end of undoable notification

Author: adguernier

packages/ra-ui-materialui/src/layout/Notification.tsx

@@ -43,6 +43,14 @@ export const Notification = (props: NotificationProps) => {
     const translate = useTranslate();
 
     useEffect(() => {
+        const beforeunload = (e: BeforeUnloadEvent) => {
+            if (messageInfo?.notificationOptions?.undoable) {
+                e.preventDefault();
+            }
+        };
+
+        window.addEventListener('beforeunload', beforeunload);
+
         if (notifications.length && !messageInfo) {
             // Set a new snack when we don't have an active one
             setMessageInfo(takeNotification());
@@ -51,6 +59,10 @@ export const Notification = (props: NotificationProps) => {
             // Close an active snack when a new one is added
             setOpen(false);
         }
+
+        return () => {
+            window.removeEventListener('beforeunload', beforeunload);
+        };
     }, [notifications, messageInfo, open, takeNotification]);
 
     const handleRequestClose = useCallback(() => {