diff --git a/src/components/Payment/PaymentForm/index.tsx b/src/components/Payment/PaymentForm/index.tsx index 4a3d3cf1a..f67ba7577 100644 --- a/src/components/Payment/PaymentForm/index.tsx +++ b/src/components/Payment/PaymentForm/index.tsx @@ -23,6 +23,7 @@ import { useSearchParams } from 'next/navigation' import { useCallback, useContext, useEffect, useMemo, useState } from 'react' import { useAccount } from 'wagmi' import { PaymentInfoRow } from '../PaymentInfoRow' +import { AccountType } from '@/interfaces' export const PaymentForm = ({ recipient, amount, token, chain }: ParsedURL) => { const dispatch = useAppDispatch() @@ -187,14 +188,20 @@ export const PaymentForm = ({ recipient, amount, token, chain }: ParsedURL) => { } }, [requestDetails, isPeanutWallet]) + const recipientLabel = useMemo(() => { + if (requestDetails?.recipientAccount?.type === AccountType.PEANUT_WALLET) { + return requestDetails!.recipientAccount.user.username + } + + return printableAddress(requestDetails!.recipientAddress) + }, [requestDetails]) + const renderRequestedPaymentDetails = () => { if (!requestDetails) return null return (