From 14f7c6ddbe44fa07572e4e86b25605ae916f3271 Mon Sep 17 00:00:00 2001 From: Adam Soltys Date: Sat, 8 Aug 2026 11:47:46 -0700 Subject: Choose your look shows the look: one big avatar previews the pick — punks and uploads just change it MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Co-Authored-By: Claude Fable 5 Claude-Session: https://claude.ai/code/session_01DbA53PJA8fgSvMcEzfuw22 --- src/app.js | 9 ++++++++- 1 file changed, 8 insertions(+), 1 deletion(-) (limited to 'src/app.js') diff --git a/src/app.js b/src/app.js index 9c8731c..abd73c6 100644 --- a/src/app.js +++ b/src/app.js @@ -2285,9 +2285,17 @@ function onboardScreen() { if (o.step === 'avatar') { const me = (featureHook('nostrLoginIdentity') || {}).pubkey || (wallet.nostrPubkey && wallet.nostrPubkey()); const sel = o.avatar; + // The big avatar IS the selection: it shows exactly what Continue will + // publish — a picked punk, an upload, or the pubkey-derived default. + const preview = sel || (me ? punkUrl(me) : null); return page([ title(t('onbAvatarTitle')), h('p', { class: 'muted', style: 'margin:0' }, t('onbAvatarBody')), + preview ? h('img', { + class: 'onb-avatar', src: preview, alt: '', + style: ui.onbBusy ? 'opacity:.5' : '', + onError: (e) => { e.target.style.visibility = 'hidden'; }, + }) : null, h('div', { class: 'onb-punks', 'data-keep-scroll': 'punks' }, ...PUNK_PICKS.map((n) => h('img', { @@ -2305,7 +2313,6 @@ function onboardScreen() { try { o.avatar = await onbUpload(f); } catch (err) { ui.onbError = err.message; } ui.onbBusy = false; render(); } })), - o.avatar ? h('img', { class: 'onb-preview', src: o.avatar, alt: '' }) : null, ui.onbError ? h('div', { class: 'notice err' }, ui.onbError) : null, h('button', { class: 'btn-primary btn-block', style: 'padding:14px', disabled: ui.onbBusy, onClick: async () => { ui.onbBusy = true; ui.onbError = ''; render(); -- cgit v1.2.3