re-initiate tx toast on success or error

Author: brendan-defi

src/internal/components/Toast.tsx

@@ -22,7 +22,7 @@ const defaultAnimationByPosition = {
 
 export function Toast({
   className,
-  durationMs = 3000,
+  durationMs = 5000,
   position = 'bottom-center',
   animation,
   isVisible,

src/transaction/components/TransactionToast.tsx

@@ -1,4 +1,4 @@
-import { useCallback } from 'react';
+import { useCallback, useEffect } from 'react';
 import { Toast } from '../../internal/components/Toast';
 import type { TransactionToastReact } from '../types';
 import { useTransactionContext } from './TransactionProvider';
@@ -30,6 +30,12 @@ export function TransactionToast({
     !errorMessage &&
     !transactionId;
 
+  useEffect(() => {
+    if (receipt || errorMessage) {
+      setIsToastVisible(true);
+    }
+  }, [receipt, errorMessage, setIsToastVisible]);
+
   if (!isToastVisible || isInProgress) {
     return null;
   }