fix: duplicated toasts when connection lost

DahnM20 · Dec 3, 2023 · 089b205 · 089b205
1 parent 8c7dfb7
commit 089b205
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/packages/ui/src/hooks/useFlowSocketListeners.tsx b/packages/ui/src/hooks/useFlowSocketListeners.tsx
@@ -35,7 +35,7 @@ export const useSocketListeners = (
 
     function defaultOnDisconnect(reason: string) {
         if (reason === 'transport close') {
-            toastInfoMessage(t('socketConnectionLost'));
+            toastInfoMessage(t('socketConnectionLost'), 'socket-connection-lost');
         }
     }
 

diff --git a/packages/ui/src/utils/toastUtils.ts b/packages/ui/src/utils/toastUtils.ts
@@ -2,8 +2,9 @@ import { FaGithub } from "react-icons/fa";
 import { IconType } from "react-icons/lib";
 import { toast } from "react-toastify";
 
-export function toastInfoMessage(message: string) {
+export function toastInfoMessage(message: string, id?: string) {
   toast.info(message, {
+    toastId: id,
     position: "top-center",
     autoClose: 5000,
     hideProgressBar: false,