[SDK] Fix: Chain name label (#7442)

Author: gregfromstl

packages/thirdweb/src/react/core/hooks/useStepExecutor.ts

@@ -237,7 +237,7 @@ export function useStepExecutor(
       if (tx.action === "approval" || tx.action === "fee") {
         // don't poll status for approval transactions, just wait for confirmation
         await waitForReceipt(result);
-        await new Promise((resolve) => setTimeout(resolve, 1000)); // Add an extra second delay for RPC to catch up to new state
+        await new Promise((resolve) => setTimeout(resolve, 2000)); // Add an extra 2 second delay for RPC to catch up to new state
         return;
       }
 

packages/thirdweb/src/react/web/ui/Bridge/payment-details/PaymentDetails.tsx

@@ -2,6 +2,7 @@
 import { useQuery } from "@tanstack/react-query";
 import { useMemo } from "react";
 import { trackPayEvent } from "../../../../../analytics/track/pay.js";
+import { defineChain } from "../../../../../chains/utils.js";
 import type { ThirdwebClient } from "../../../../../client/client.js";
 import { useCustomTheme } from "../../../../core/design-system/CustomThemeProvider.js";
 import { radius, spacing } from "../../../../core/design-system/index.js";
@@ -105,7 +106,10 @@ export function PaymentDetails({
   });
 
   const chainsQuery = useChainsQuery(
-    preparedQuote.steps.flatMap((s) => s.transactions.map((t) => t.chain)),
+    preparedQuote.steps.flatMap((s) => [
+      defineChain(s.originToken.chainId),
+      defineChain(s.destinationToken.chainId),
+    ]),
     10,
   );
   const chainsMetadata = useMemo(