diff --git a/src/components/receive/ReceivePage.tsx b/src/components/receive/ReceivePage.tsx index 25717faf..29325ec3 100644 --- a/src/components/receive/ReceivePage.tsx +++ b/src/components/receive/ReceivePage.tsx @@ -23,6 +23,7 @@ import { buttonVariants } from '../ui/button-variants' import { Address } from '../ui/jam/Address' import { BitcoinAddressQrCode } from '../ui/jam/BitcoinQrCode' import { CopyButton } from '../ui/jam/CopyButton' +import { MaskedText } from '../ui/jam/MaskedText' import { ReceiveForm } from './ReceiveForm' const QRCODE_WIDTH = 320 @@ -117,7 +118,7 @@ export const ReceivePage = ({ walletFileName }: ReceivePageProps) => { - + {getAddressMutation.isPending ? ( @@ -157,16 +158,20 @@ export const ReceivePage = ({ walletFileName }: ReceivePageProps) => { {getAddressMutation.isPending ? ( - - + + } + /> ) : ( {!getAddressMutation.data?.address ? ( - + ) : ( - + )} { - void fetchNewAddress()} - disabled={getAddressMutation.isPending} - > + void fetchNewAddress()} disabled={getAddressMutation.isPending}> {getAddressMutation.isPending ? ( <> @@ -208,7 +208,6 @@ export const ReceivePage = ({ walletFileName }: ReceivePageProps) => { { {'share' in navigator && ( void shareAddress(getAddressMutation.data!.address)} disabled={getAddressMutation.isPending || !getAddressMutation.data?.address} >