From 86101d5ff381ca9832a4e4c17c47d8350e2d12d0 Mon Sep 17 00:00:00 2001 From: Adam Soltys Date: Mon, 3 Aug 2026 08:01:27 -0700 Subject: Onboarding: "Use for now", address in muted mono Co-Authored-By: Claude Fable 5 Claude-Session: https://claude.ai/code/session_01Wvj4aoeMZwA7VUGdJP9Swi --- src/app.js | 5 ++++- src/i18n.js | 3 ++- src/style.css | 1 + 3 files changed, 7 insertions(+), 2 deletions(-) (limited to 'src') diff --git a/src/app.js b/src/app.js index 9264197..64d6f0f 100644 --- a/src/app.js +++ b/src/app.js @@ -2091,7 +2091,10 @@ function onboardScreen() { title(t('onbNameTitle')), h('p', { class: 'muted', style: 'margin:0' }, t('onbNameBody')), featureHook('namesClaimForm') || h('div', { class: 'row gap6', style: 'align-items:center' }, h('span', { class: 'spinner sm' }), h('span', { class: 'small muted' }, t('onbNameWait'))), - addr ? h('button', { class: 'btn-block', onClick: () => { o.step = 'avatar'; render(); } }, t('onbKeepName', { addr })) : null, + addr + ? h('button', { class: 'btn-block', onClick: () => { o.step = 'avatar'; render(); } }, + t('onbKeepPre'), h('span', { class: 'onb-addr' }, addr), t('onbKeepPost')) + : null, ]); } if (o.step === 'avatar') { diff --git a/src/i18n.js b/src/i18n.js index da75fcc..9f43888 100644 --- a/src/i18n.js +++ b/src/i18n.js @@ -492,7 +492,8 @@ const STR = { onbNameTitle: 'Claim your username', onbNameBody: 'Your payment address — people can send you bitcoin with just this.', onbNameWait: 'Getting things ready…', - onbKeepName: 'Keep {addr} for now', + onbKeepPre: 'Use ', + onbKeepPost: ' for now', onbAvatarTitle: 'Choose your look', onbAvatarBody: 'Pick a punk or upload your own picture. You can change it anytime.', onbUpload: 'Upload a photo', diff --git a/src/style.css b/src/style.css index 78192a3..3a5ab97 100644 --- a/src/style.css +++ b/src/style.css @@ -512,3 +512,4 @@ body::after { .onb-mark svg { width: 72px; height: 72px; filter: drop-shadow(0 8px 22px rgba(184, 79, 232, .35)); } @keyframes mark-float { 50% { transform: translateY(-6px); } } @media (prefers-reduced-motion: reduce) { .onb-mark { animation: none; } } +.onb-addr { color: var(--muted); font-family: var(--mono); font-size: 13px; } -- cgit v1.2.3