fix: ub playground input field and payment receipt chains

Author: gregfromstl

apps/playground-web/src/app/connect/pay/embed/LeftSection.tsx

@@ -105,7 +105,7 @@ export function LeftSection(props: {
                     <Label htmlFor="fund-wallet-chain-id">Chain ID</Label>
                     <Input
                       id="fund-wallet-chain-id"
-                      type="number"
+                      type="text"
                       placeholder="1 (Ethereum)"
                       className="bg-card"
                       value={payOptions.buyTokenChain?.id || ""}

packages/thirdweb/src/react/web/ui/Bridge/payment-success/PaymentReceipt.tsx

@@ -33,6 +33,7 @@ interface TransactionInfo {
   label: string;
   chain: ChainMetadata;
   destinationToken?: Token;
+  destinationChain?: ChainMetadata;
   originToken?: Token;
   originChain?: ChainMetadata;
   amountPaid?: string;
@@ -102,6 +103,7 @@ function useTransactionInfo(
               originToken: status.originToken,
               originChain,
               destinationToken: status.destinationToken,
+              destinationChain,
               amountReceived: `${formatTokenAmount(
                 status.destinationAmount,
                 status.destinationToken.decimals,
@@ -228,7 +230,7 @@ function CompletedStepDetailCard({
             Origin Chain
           </Text>
           <Text size="sm" color="primaryText">
-            {shorterChainName(txInfo.chain.name)}
+            {shorterChainName(txInfo.originChain.name)}
           </Text>
         </Container>
       )}
@@ -284,13 +286,13 @@ function CompletedStepDetailCard({
               txInfo.type === "paymentId"
                 ? () => onCopyToClipboard(txInfo.id)
                 : () => {
-                    const explorer = txInfo.chain.explorers?.[0];
-                    if (explorer) {
-                      windowAdapter.open(
-                        formatExplorerTxUrl(explorer.url, txInfo.id),
-                      );
-                    }
+                  const explorer = txInfo.chain.explorers?.[0];
+                  if (explorer) {
+                    windowAdapter.open(
+                      formatExplorerTxUrl(explorer.url, txInfo.id),
+                    );
                   }
+                }
             }
           >
             {shortenHex(txInfo.id)}