Fix: Bridge Playground Chain Input Form (#7371)

Author: gregfromstl

.changeset/twelve-brooms-kneel.md

@@ -0,0 +1,5 @@
+---
+"thirdweb": patch
+---
+
+Fix typo in payment confirmation widget

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>
       )}