diff --git a/typescript/packages/http/paywall/src/evm/EvmPaywall.tsx b/typescript/packages/http/paywall/src/evm/EvmPaywall.tsx index b28c130093..3f643a6a9f 100644 --- a/typescript/packages/http/paywall/src/evm/EvmPaywall.tsx +++ b/typescript/packages/http/paywall/src/evm/EvmPaywall.tsx @@ -51,6 +51,7 @@ export function EvmPaywall({ paymentRequired, onSuccessfulResponse }: EvmPaywall const network = firstRequirement.network; const chainName = getNetworkDisplayName(network); const testnet = isTestnetNetwork(network); + const tokenName = (firstRequirement.extra as Record)?.name as string || "USDC"; const chainId = parseInt(network.split(":")[1]); @@ -138,11 +139,11 @@ export function EvmPaywall({ paymentRequired, onSuccessfulResponse }: EvmPaywall setIsPaying(true); try { - setStatus("Checking USDC balance..."); + setStatus(`Checking ${tokenName} balance...`); const balance = await getUSDCBalance(publicClient, address); if (balance === 0n) { - throw new Error(`Insufficient balance. Make sure you have USDC on ${chainName}`); + throw new Error(`Insufficient balance. Make sure you have ${tokenName} on ${chainName}`); } setStatus("Creating payment signature..."); @@ -196,11 +197,11 @@ export function EvmPaywall({ paymentRequired, onSuccessfulResponse }: EvmPaywall

Payment Required

{paymentRequired.resource?.description && `${paymentRequired.resource.description}.`} To - access this content, please pay ${amount} {chainName} USDC. + access this content, please pay ${amount} {chainName} {tokenName}.

{testnet && (

- Need {chainName} USDC?{" "} + Need {chainName} {tokenName}?{" "} Get some here. @@ -259,14 +260,14 @@ export function EvmPaywall({ paymentRequired, onSuccessfulResponse }: EvmPaywall

Amount: - ${amount} USDC + ${amount} {tokenName}
Network: @@ -296,3 +297,4 @@ export function EvmPaywall({ paymentRequired, onSuccessfulResponse }: EvmPaywall
); } +