feat: added generate explorer link

src/hooks/useTxStatuses.tsx

@@ -26,6 +26,7 @@ export const useTxStatuses = <T extends BaseTx>({
   const txPending = tx && tx.pending;
   const txSuccess = tx && tx.status === 1;
   const txChainId = tx && tx.chainId;
+  const txWalletType = tx && tx.walletType;
 
   useEffect(() => {
     if (txPending || !!error) {
@@ -44,5 +45,6 @@ export const useTxStatuses = <T extends BaseTx>({
     txPending,
     txSuccess,
     txChainId,
+    txWalletType,
   };
 };

src/utils/generateExplorerLink.ts

@@ -0,0 +1,20 @@
+import { WalletType } from '../web3/connectors';
+
+export function generateExplorerLink(
+  blockExplorerUrls: string,
+  txWalletType: WalletType,
+  txChainId: number,
+  txHash: string,
+  activeWallet?: string
+) {
+  const gnosisSafeLinksHelper: Record<number, string> = {
+    1: 'https://app.safe.global/eth:',
+    5: 'https://app.safe.global/gor:',
+  };
+
+  if (txWalletType !== 'GnosisSafe') {
+    return `${blockExplorerUrls}/tx/${txHash}`;
+  } else {
+    return `${gnosisSafeLinksHelper[txChainId]}${activeWallet}/transactions/tx?id=multisig_${activeWallet}_${txHash}`;
+  }
+}