From 2da22a3dc82bc8c0beb456097c2749ebc02d8017 Mon Sep 17 00:00:00 2001 From: Adam Soltys Date: Sat, 4 Jul 2026 07:53:03 -0700 Subject: Gift claim: make the wallet chooser read as a choice The existing-wallet buttons looked like inert inputs. Now: a "Receive into one of your wallets:" label, a chevron on each wallet row so it reads as tappable, and an "or" divider before the new-wallet button. (tools/ark/gift-shot.js: screenshot harness that mints a real regtest gift and opens its link.) Co-Authored-By: Claude Fable 5 Claude-Session: https://claude.ai/code/session_01QFAcD4V284DvYZZHP7Rxxy --- src/app.js | 10 +++++++--- src/i18n.js | 2 ++ 2 files changed, 9 insertions(+), 3 deletions(-) (limited to 'src') diff --git a/src/app.js b/src/app.js index e024e06..53cb35b 100644 --- a/src/app.js +++ b/src/app.js @@ -2302,11 +2302,15 @@ function claimChooseView() { h('p', { class: 'muted', style: 'margin:0' }, t('claimIntoPrompt')) ), h('div', { class: 'card col gap6' }, + h('div', { class: 'small muted' }, t('claimIntoExisting')), ...accounts.map((a) => - h('button', { class: 'btn-block', style: 'text-align:left', onClick: () => claimIntoAccount(a, code) }, - a.label, - a.type === 'watch' ? h('span', { class: 'small faint', style: 'margin-left:6px' }, '(' + t('watchOnly') + ')') : null) + h('button', { class: 'btn-block', style: 'display:flex;justify-content:space-between;align-items:center;text-align:left', onClick: () => claimIntoAccount(a, code) }, + h('span', {}, + a.label, + a.type === 'watch' ? h('span', { class: 'small faint', style: 'margin-left:6px' }, '(' + t('watchOnly') + ')') : null), + h('span', { class: 'muted', style: 'font-size:18px;line-height:1' }, '\u203a')) ), + h('div', { class: 'small faint', style: 'text-align:center' }, t('claimOr')), h('button', { class: 'btn-primary btn-block', onClick: () => { ui.claimChoose = null; enterWallet(newMnemonic(), '', { gift: code }); } }, t('claimNewWallet')) ) ); diff --git a/src/i18n.js b/src/i18n.js index 9cbc09d..552795d 100644 --- a/src/i18n.js +++ b/src/i18n.js @@ -290,6 +290,8 @@ const STR = { claimBody: 'Claim it into a brand-new wallet that only you control.', claimIntoPrompt: 'Choose where to receive it.', claimNewWallet: 'Receive into a new wallet', + claimIntoExisting: 'Receive into one of your wallets:', + claimOr: 'or', goToWallet: 'Go to wallet', giftClaimedToast: 'Gift claimed', claimBtn: 'Claim it', -- cgit v1.2.3