feat: need get gasprice

Author: 0xjojo1

components/Transactions/TransactionFlow/TransactionExecute.tsx

@@ -1,13 +1,17 @@
 'use client';
 
 import React, { useState } from 'react';
-import { formatEther } from 'viem';
+import { formatEther, http } from 'viem';
 import { MetaTransactionData } from '@safe-global/types-kit';
 import { Button } from '@/components/ui/button';
 import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
 import { Separator } from '@/components/ui/separator';
-import { useCurrentSafeClient } from '@/providers/SafeProvider';
+import { useCurrentChain, useCurrentSafeClient } from '@/providers/SafeProvider';
 import { createPublicClient, custom } from 'viem';
+import { useWallet } from '@/hooks/useWallet';
+import * as chains from 'viem/chains'
+import { extractChain } from 'viem'
+import { baseSepolia } from 'viem/chains';
 
 interface TransactionExecuteProps {
   transactionData: MetaTransactionData;
@@ -22,6 +26,7 @@ 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 valueInEth = formatEther(BigInt(transactionData.value || '0'));
 
@@ -30,7 +35,15 @@ export function TransactionExecute({ transactionData, onComplete, onBack }: Tran
       const ethProvider = (globalThis as any).ethereum;
       if (!ethProvider) return {} as any;
 
-      const publicClient = createPublicClient({ transport: custom(ethProvider) as any } 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;
@@ -92,18 +105,18 @@ export function TransactionExecute({ transactionData, onComplete, onBack }: Tran
 
     try {
       const nonce = await safeClient.getNonce();
-      const gasParams = await fetchGasParams();
+
+      const publicClient = createPublicClient({
+        chain: baseSepolia,
+        transport: http()
+      })
+
+      const gasPrice = await publicClient.getGasPrice() 
 
       const txResult = await safeClient.send({
         transactions: [transactionData],
         nonce,
-        // Only pass one pricing model if available
-        ...(gasParams.maxFeePerGas && gasParams.maxPriorityFeePerGas
-          ? { maxFeePerGas: gasParams.maxFeePerGas, maxPriorityFeePerGas: gasParams.maxPriorityFeePerGas }
-          : gasParams.gasPrice
-            ? { gasPrice: gasParams.gasPrice }
-            : {}),
-        ...(gasParams.gasLimit ? { gasLimit: gasParams.gasLimit } : {}),
+        gasPrice: gasPrice,
       });
 
       setSignStatus('Transaction signed successfully!');
@@ -128,16 +141,8 @@ export function TransactionExecute({ transactionData, onComplete, onBack }: Tran
     setExecutionStatus('Executing transaction...');
 
     try {
-      const gasParams = await fetchGasParams();
-
       const txResult = await safeClient.send({
         transactions: [transactionData],
-        ...(gasParams.maxFeePerGas && gasParams.maxPriorityFeePerGas
-          ? { maxFeePerGas: gasParams.maxFeePerGas, maxPriorityFeePerGas: gasParams.maxPriorityFeePerGas }
-          : gasParams.gasPrice
-            ? { gasPrice: gasParams.gasPrice }
-            : {}),
-        ...(gasParams.gasLimit ? { gasLimit: gasParams.gasLimit } : {}),
       });
       const safeTxHash = txResult.transactions?.safeTxHash;