diff --git a/components/DepositOption/DepositPublicAddress.tsx b/components/DepositOption/DepositPublicAddress.tsx index ac515b2b..9e63afc9 100644 --- a/components/DepositOption/DepositPublicAddress.tsx +++ b/components/DepositOption/DepositPublicAddress.tsx @@ -5,6 +5,7 @@ import { Image } from 'expo-image'; import { ChevronRight } from 'lucide-react-native'; import CopyToClipboard from '@/components/CopyToClipboard'; +import { Button } from '@/components/ui/button'; import { Text } from '@/components/ui/text'; import { BRIDGE_TOKENS } from '@/constants/bridge'; import useUser from '@/hooks/useUser'; @@ -20,9 +21,11 @@ type DepositPublicAddressProps = { address?: string; /** Custom description rendered under the QR. Replaces default supported-networks section. */ description?: ReactNode; + /** When provided, renders a "Done" CTA that invokes this handler. */ + onDone?: () => void; }; -const DepositPublicAddress = ({ address, description }: DepositPublicAddressProps = {}) => { +const DepositPublicAddress = ({ address, description, onDone }: DepositPublicAddressProps = {}) => { const { user } = useUser(); const resolvedAddress = address ?? user?.safeAddress ?? ''; @@ -126,6 +129,14 @@ const DepositPublicAddress = ({ address, description }: DepositPublicAddressProp )} + + Allow 30-60 seconds for processing. + + {onDone ? ( + + ) : null} ); }; diff --git a/hooks/useDepositOption.tsx b/hooks/useDepositOption.tsx index 5c6b8cb1..6038d96d 100644 --- a/hooks/useDepositOption.tsx +++ b/hooks/useDepositOption.tsx @@ -237,7 +237,7 @@ const useDepositOption = ({ } if (isPublicAddress) { - return ; + return setModal(DEPOSIT_MODAL.CLOSE)} />; } if (isDepositDirectly) {