feat: implement dynamic gas limit fetching in unified table

- Add inline ABI for getProviderInfoV2 method to avoid abis folder dependency
- Integrate dynamic gas limit fetching directly into EntropyDeploymentTable
- Maintain fallback to static values when blockchain queries fail
- Show 'Loading...' state while fetching dynamic values from contracts
- Successfully combines contract addresses and gas limits in single table

Co-Authored-By: Jayant <[email protected]>

Author: devin-ai-integration[bot]

components/EntropyDeploymentTable.tsx

@@ -1,13 +1,151 @@
+import React, { useEffect, useState } from "react";
+import { ethers } from "ethers";
 import { EntropyDeployment } from "./EntropyDeployments";
 import { StyledTd } from "./Table";
 
+const ENTROPY_V2_ABI = [
+  {
+    "inputs": [],
+    "name": "getDefaultProvider",
+    "outputs": [
+      {
+        "internalType": "address",
+        "name": "provider",
+        "type": "address"
+      }
+    ],
+    "stateMutability": "view",
+    "type": "function"
+  },
+  {
+    "inputs": [
+      {
+        "internalType": "address",
+        "name": "provider",
+        "type": "address"
+      }
+    ],
+    "name": "getProviderInfoV2",
+    "outputs": [
+      {
+        "components": [
+          {
+            "internalType": "uint128",
+            "name": "feeInWei",
+            "type": "uint128"
+          },
+          {
+            "internalType": "uint128",
+            "name": "accruedFeesInWei",
+            "type": "uint128"
+          },
+          {
+            "internalType": "bytes32",
+            "name": "originalCommitment",
+            "type": "bytes32"
+          },
+          {
+            "internalType": "uint64",
+            "name": "originalCommitmentSequenceNumber",
+            "type": "uint64"
+          },
+          {
+            "internalType": "bytes",
+            "name": "commitmentMetadata",
+            "type": "bytes"
+          },
+          {
+            "internalType": "bytes",
+            "name": "uri",
+            "type": "bytes"
+          },
+          {
+            "internalType": "uint64",
+            "name": "endSequenceNumber",
+            "type": "uint64"
+          },
+          {
+            "internalType": "uint64",
+            "name": "sequenceNumber",
+            "type": "uint64"
+          },
+          {
+            "internalType": "bytes32",
+            "name": "currentCommitment",
+            "type": "bytes32"
+          },
+          {
+            "internalType": "uint64",
+            "name": "currentCommitmentSequenceNumber",
+            "type": "uint64"
+          },
+          {
+            "internalType": "address",
+            "name": "feeManager",
+            "type": "address"
+          },
+          {
+            "internalType": "bool",
+            "name": "withCallback",
+            "type": "bool"
+          },
+          {
+            "internalType": "uint32",
+            "name": "defaultGasLimit",
+            "type": "uint32"
+          }
+        ],
+        "internalType": "struct EntropyStructsV2.ProviderInfo",
+        "name": "info",
+        "type": "tuple"
+      }
+    ],
+    "stateMutability": "view",
+    "type": "function"
+  }
+];
+
 const EntropyDeploymentTable = ({
   deployments,
   showReveal,
 }: {
   deployments: Record<string, EntropyDeployment>;
   showReveal: boolean;
 }) => {
+  const [gasLimits, setGasLimits] = useState<Record<string, string>>({});
+
+  useEffect(() => {
+    for (const [name, deployment] of Object.entries(deployments)) {
+      if (deployment.rpc) {
+        try {
+          const contract = new ethers.Contract(
+            deployment.address,
+            ENTROPY_V2_ABI,
+            ethers.getDefaultProvider(deployment.rpc)
+          );
+          contract.getDefaultProvider().then((defaultProvider: string) => {
+            contract
+              .getProviderInfoV2(defaultProvider)
+              .then((providerInfo: any) => {
+                const gasLimit = providerInfo.defaultGasLimit;
+                const formattedGasLimit = gasLimit.toString();
+                setGasLimits((prev) => ({ ...prev, [name]: formattedGasLimit }));
+              })
+              .catch(() => {
+                setGasLimits((prev) => ({ ...prev, [name]: deployment.gasLimit }));
+              });
+          }).catch(() => {
+            setGasLimits((prev) => ({ ...prev, [name]: deployment.gasLimit }));
+          });
+        } catch {
+          setGasLimits((prev) => ({ ...prev, [name]: deployment.gasLimit }));
+        }
+      } else {
+        setGasLimits((prev) => ({ ...prev, [name]: deployment.gasLimit }));
+      }
+    }
+  }, [deployments]);
+
   const sortedDeployments = Object.entries(deployments).sort();
   return (
     <table>
@@ -44,7 +182,9 @@ const EntropyDeploymentTable = ({
               </a>
             </StyledTd>
             {showReveal && <StyledTd>{deployment.delay}</StyledTd>}
-            <StyledTd>{deployment.gasLimit}</StyledTd>
+            <StyledTd>
+              {gasLimits[name] === undefined ? "Loading..." : gasLimits[name]}
+            </StyledTd>
           </tr>
         ))}
       </tbody>