From 7dec8bb94326a7883a2c74592e199de4cb3ea9ca Mon Sep 17 00:00:00 2001
From: nick-delirium <nikita@openreplay.com>
Date: Fri, 28 Mar 2025 17:26:22 +0100
Subject: [PATCH] ui: fix toast auto close

---
 frontend/app/components/Login/Login.tsx          |  3 ++-
 .../components/ui/Notification/Notification.js   |  5 +----
 frontend/package.json                            |  2 +-
 frontend/yarn.lock                               | 16 ++++++++--------
 4 files changed, 12 insertions(+), 14 deletions(-)

diff --git a/frontend/app/components/Login/Login.tsx b/frontend/app/components/Login/Login.tsx
index ce7d15522..45bb73ee2 100644
--- a/frontend/app/components/Login/Login.tsx
+++ b/frontend/app/components/Login/Login.tsx
@@ -66,7 +66,8 @@ function Login({
       if (event.data.type === 'orspot:logged') {
         clearInterval(int);
         window.removeEventListener('message', onSpotMsg);
-        toast.success(t('You have been logged into Spot successfully'));
+        const msg = t('You have been logged into Spot successfully')
+        toast.success(msg);
       }
     };
     window.addEventListener('message', onSpotMsg);
diff --git a/frontend/app/components/ui/Notification/Notification.js b/frontend/app/components/ui/Notification/Notification.js
index 2ad5e5aa9..034fd6125 100644
--- a/frontend/app/components/ui/Notification/Notification.js
+++ b/frontend/app/components/ui/Notification/Notification.js
@@ -5,17 +5,14 @@ import styles from './notification.module.css';
 export default function ({
   transition = Flip,
   position = 'bottom-right',
-  autoClose = 3000,
   ...props
 }) {
   return (
     <ToastContainer
-      hideProgressBar
       position={position}
-      draggable
       pauseOnHover
       transition={transition}
-      autoClose={autoClose}
+      autoClose={3000}
       className={styles.container}
       toastClassName={styles.toast}
       closeButton={false}
diff --git a/frontend/package.json b/frontend/package.json
index e1913ca8c..f286e32a9 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -79,7 +79,7 @@
     "react-router-dom": "^5.3.3",
     "react-select": "^5.3.2",
     "react-svg-map": "^2.2.0",
-    "react-toastify": "^10.0.6",
+    "react-toastify": "^11.0.5",
     "react18-json-view": "^0.2.8",
     "recharts": "^2.12.7",
     "socket.io-client": "^4.4.1",
diff --git a/frontend/yarn.lock b/frontend/yarn.lock
index 87f42b897..a26674238 100644
--- a/frontend/yarn.lock
+++ b/frontend/yarn.lock
@@ -12042,7 +12042,7 @@ __metadata:
     react-router-dom: "npm:^5.3.3"
     react-select: "npm:^5.3.2"
     react-svg-map: "npm:^2.2.0"
-    react-toastify: "npm:^10.0.6"
+    react-toastify: "npm:^11.0.5"
     react18-json-view: "npm:^0.2.8"
     recharts: "npm:^2.12.7"
     sass: "npm:^1.51.0"
@@ -14169,15 +14169,15 @@ __metadata:
   languageName: node
   linkType: hard
 
-"react-toastify@npm:^10.0.6":
-  version: 10.0.6
-  resolution: "react-toastify@npm:10.0.6"
+"react-toastify@npm:^11.0.5":
+  version: 11.0.5
+  resolution: "react-toastify@npm:11.0.5"
   dependencies:
-    clsx: "npm:^2.1.0"
+    clsx: "npm:^2.1.1"
   peerDependencies:
-    react: ">=18"
-    react-dom: ">=18"
-  checksum: 10c1/6f34ed20677e77eeaddc7c55ce0b170b12735034f25c4917adfb9d1921b87fcae59b685b4479040c0d42244d771250475534e59040fe9c0c61c7437b12973186
+    react: ^18 || ^19
+    react-dom: ^18 || ^19
+  checksum: 10c1/608c0a24fdbfcabe19f33570b9469921857ba24efb929083ab46c321b99cefeb4c76f53a788bb8796ff49bb729d7ab8d22a0ef17c1ea6f70e47ee74ec89aadf1
   languageName: node
   linkType: hard