feat: use wagmi hook to get publicClient

Author: 0xjojo1

components/Transactions/TransactionFlow/TransactionExecute.tsx

@@ -8,10 +8,7 @@ import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
 import { Separator } from '@/components/ui/separator';
 import { useCurrentSafeClient } from '@/providers/SafeProvider';
 import { createPublicClient } from 'viem';
-import { useWallet } from '@/hooks/useWallet';
-import * as chains from 'viem/chains'
-import { extractChain } from 'viem'
-import { baseSepolia } from 'viem/chains';
+import { useChainId, usePublicClient } from 'wagmi';
 
 interface TransactionExecuteProps {
   transactionData: MetaTransactionData;
@@ -26,73 +23,10 @@ export function TransactionExecute({ transactionData, onComplete, onBack }: Tran
   const [signStatus, setSignStatus] = useState<string>('');
   const [executionStatus, setExecutionStatus] = useState<string>('');
   const [error, setError] = useState<string>('');
-  const { chainId } = useWallet();
+  const publicClient = usePublicClient();
 
   const valueInEth = formatEther(BigInt(transactionData.value || '0'));
 
-  const fetchGasParams = async () => {
-    try {
-      const ethProvider = (globalThis as any).ethereum;
-      if (!ethProvider) return {} as any;
-
-      if (!chainId) return {} as any;
-      const chain = extractChain({
-        chains: Object.values(chains), 
-        id: Number(chainId) as any,
-      });
-      const publicClient = createPublicClient({ 
-        chain: chain,
-        transport: http()
-      })
-
-      // Try EIP-1559 fees first
-      let maxFeePerGas: bigint | undefined;
-      let maxPriorityFeePerGas: bigint | undefined;
-      try {
-        const fees = await publicClient.estimateFeesPerGas();
-        maxFeePerGas = fees.maxFeePerGas as bigint | undefined;
-        maxPriorityFeePerGas = fees.maxPriorityFeePerGas as bigint | undefined;
-      } catch {}
-
-      // Fallback gasPrice (pre-1559 or if node doesn't support fee history)
-      let gasPrice: bigint | undefined;
-      try {
-        gasPrice = await publicClient.getGasPrice();
-      } catch {}
-
-      // Estimate gas limit for this transaction shape
-      let from: `0x${string}` | undefined;
-      try {
-        const accounts: string[] = await ethProvider.request({ method: 'eth_accounts' });
-        from = (accounts?.[0] as `0x${string}`) || undefined;
-      } catch {}
-
-      let gasLimit: bigint | undefined;
-      try {
-        gasLimit = await publicClient.estimateGas({
-          account: from as any,
-          to: transactionData.to as `0x${string}`,
-          data: transactionData.data as `0x${string}`,
-          value: (transactionData.value ? BigInt(transactionData.value) : BigInt(0)) as bigint,
-        });
-      } catch {}
-
-      return {
-        gasLimit: gasLimit ? gasLimit.toString() : undefined,
-        gasPrice: gasPrice ? gasPrice.toString() : undefined,
-        maxFeePerGas: maxFeePerGas ? maxFeePerGas.toString() : undefined,
-        maxPriorityFeePerGas: maxPriorityFeePerGas ? maxPriorityFeePerGas.toString() : undefined,
-      } as {
-        gasLimit?: string;
-        gasPrice?: string;
-        maxFeePerGas?: string;
-        maxPriorityFeePerGas?: string;
-      };
-    } catch {
-      return {} as any;
-    }
-  };
-
   const handleSign = async () => {
     if (!safeClient) {
       setError('Safe client not available');
@@ -106,10 +40,10 @@ export function TransactionExecute({ transactionData, onComplete, onBack }: Tran
     try {
       const nonce = await safeClient.getNonce();
 
-      const publicClient = createPublicClient({
-        chain: baseSepolia,
-        transport: http()
-      })
+      if (!publicClient) {
+        setError('Public client not available');
+        return;
+      }
 
       const gasPrice = await publicClient.getGasPrice()