use showCallsStatus for smart wallets

src/transaction/components/TransactionProvider.tsx

@@ -65,7 +65,6 @@ export function TransactionProvider({
   } = useWriteContract({
     onError,
     setErrorMessage,
-    setTransactionId,
   });
   const { transactionHash, status: callStatus } = useCallsStatus({
     onError,

src/transaction/hooks/useCallsStatus.ts

@@ -19,6 +19,7 @@ export function useCallsStatus({
         refetchInterval: (data) => {
           return data.state.data?.status === 'CONFIRMED' ? false : 1000;
         },
+        enabled: !!transactionId,
       },
     });
 

src/transaction/hooks/useGetTransactionStatus.tsx

@@ -4,8 +4,10 @@
 import { getChainExplorer } from '../../network/getChainExplorer';
 import { cn, color, text } from '../../styles/theme';
 import { useTransactionContext } from '../components/TransactionProvider';
+import { useShowCallsStatus } from 'wagmi/experimental';
 
 export function useGetTransactionStatus() {
+  const { showCallsStatus } = useShowCallsStatus();
   const {
     chainId,
     errorMessage,
@@ -50,6 +52,16 @@
       );
     }
 
+    if (transactionId) {
+      actionElement = (
+        <button onClick={() => showCallsStatus({ id: transactionId })}>
+          <span className={cn(text.label1, color.primary)}>
+            View transaction
+          </span>
+        </button>
+      );
+    }
+
     if (receipt) {
       label = 'Successful!';
     }

src/transaction/hooks/useWriteContract.ts

@@ -10,7 +10,6 @@ import type { TransactionError } from '../types';
 type UseWriteContractParams = {
   onError?: (e: TransactionError) => void;
   setErrorMessage: (error: string) => void;
-  setTransactionId: (id: string) => void;
 };
 
 /**
@@ -21,7 +20,6 @@ type UseWriteContractParams = {
 export function useWriteContract({
   onError,
   setErrorMessage,
-  setTransactionId,
 }: UseWriteContractParams) {
   try {
     const { status, writeContractAsync, data } = useWriteContractWagmi({
@@ -37,9 +35,6 @@ export function useWriteContract({
           }
           onError?.({ code: WRITE_CONTRACT_ERROR_CODE, error: e.message });
         },
-        onSuccess: (id) => {
-          setTransactionId(id);
-        },
       },
     });
     return { status, writeContractAsync, data };