diff --git a/packages/wallet-webui/src/routes/ManagementRoutes.tsx b/packages/wallet-webui/src/routes/ManagementRoutes.tsx index b0b452fde..e2784affe 100644 --- a/packages/wallet-webui/src/routes/ManagementRoutes.tsx +++ b/packages/wallet-webui/src/routes/ManagementRoutes.tsx @@ -569,13 +569,18 @@ export function BankAccountsRoute() { const [editingId, setEditingId] = useState(); const [working, setWorking] = useState(false); const [error, setError] = useState(); - const accounts = query.data?.accounts.map((account) => ({ - id: account.bankAccountId, - label: account.label ?? account.paytoUri, - paytoUri: account.paytoUri, - currencies: account.currencies ?? [], - destination: depositDestinationView(account.paytoUri, account.label), - })); + const accounts = query.data?.accounts.map((account) => { + const destination = depositDestinationView(account.paytoUri, account.label); + return { + id: account.bankAccountId, + // Accounts learned from a withdrawal have no label: name them like the + // deposit screen does (holder or account number), not by the raw URI. + label: destination.title, + paytoUri: account.paytoUri, + currencies: account.currencies ?? [], + destination, + }; + }); const editing = accounts?.find((account) => account.id === editingId); const save = async (values: BankAccountSaveValues) => { setWorking(true);