From a60f2a090b12f62649ddd55d1a8605e433d2c75a Mon Sep 17 00:00:00 2001 From: Adam Soltys Date: Sun, 2 Aug 2026 09:03:53 -0700 Subject: Spending is the headline balance; Savings sits under it MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit No total: the two are different kinds of money and summing them says nothing useful. Layout keys off whether the instant balance exists at all rather than off its amount — a zero Spending balance is still a Spending balance. Co-Authored-By: Claude Fable 5 --- src/app.js | 17 +++++++++-------- 1 file changed, 9 insertions(+), 8 deletions(-) (limited to 'src/app.js') diff --git a/src/app.js b/src/app.js index 52a3040..0bce8b6 100644 --- a/src/app.js +++ b/src/app.js @@ -1914,22 +1914,23 @@ function balanceCard() { // is the on-chain one. The headline is simply everything you have. const spending = featureHook('spendingSat') || 0; const saving = wallet.spendable; - const split = spending > 0 || saving > 0; + const hasArk = !!featureHook('arkReady'); return h( 'div', { class: 'card balance' }, - h('div', { class: 'small faint', style: 'text-transform:uppercase;letter-spacing:.05em' }, t('balance')), + // Spending is the balance people use, so it IS the balance: headline, + // with Saving as a quieter line underneath. No total — the two are + // different kinds of money, and adding them up says nothing useful. + h('div', { class: 'small faint', style: 'text-transform:uppercase;letter-spacing:.05em' }, + hasArk ? t('spendingLabel') : t('balance')), h('div', { class: 'amt', style: firstLoad ? 'opacity:.3' : '' }, firstLoad ? h('span', { class: 'spinner sm', style: 'margin-right:8px' }) : null, - fmtAmount(spending + saving), ' ', unitTag('unit')), - split || pending > 0 || featLines.length + fmtAmount(hasArk ? spending : saving), ' ', unitTag('unit')), + hasArk || pending > 0 || featLines.length ? h( 'div', { class: 'split' }, - split - ? h('div', {}, h('div', { class: 'k' }, t('spendingLabel')), h('div', { class: 'v' }, fmtAmount(spending), ' ', unitTag())) - : null, - split + hasArk ? h('div', {}, h('div', { class: 'k' }, t('savingLabel')), h('div', { class: 'v' }, fmtAmount(saving), ' ', unitTag())) : null, pending > 0 -- cgit v1.2.3