sjs/spirit-tracker
1
0
Fork 0
mirror of https://github.com/samsonjs/spirit-tracker.git synced 2026-03-25 09:25:51 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

UX Improvements

Browse source
This commit is contained in:
Brennan Wilkes (Text Groove) 2026-02-05 16:34:22 -08:00
parent 947491b21c
commit 5ef30bb652
1 changed files with 10 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
viz/app/store_page.js
View file

@ -585,8 +585,8 @@ export async function renderStore($app, storeLabelRaw) {
const p = Number.isFinite(it._salePct) ? it._salePct : 0; const p = Number.isFinite(it._salePct) ? it._salePct : 0;
if (!p) return ""; if (!p) return "";
const abs = Math.abs(p); const abs = Math.abs(p);
if (p < 0) return `<span class="badge badgeGood">${esc(abs)}% off</span>`; if (p < 0) return `<span class="badge badgeGood">[${esc(abs)}% Off]</span>`;
return `<span class="badge badgeBad">+${esc(abs)}%</span>`; return `<span class="badge badgeBad">[+${esc(abs)}%]</span>`;
} }
if (mode === "saleAbs") { if (mode === "saleAbs") {
@ -594,8 +594,8 @@ export async function renderStore($app, storeLabelRaw) {
if (!d) return ""; if (!d) return "";
const abs = Math.round(Math.abs(d)); const abs = Math.round(Math.abs(d));
if (!abs) return ""; if (!abs) return "";
if (d < 0) return `<span class="badge badgeGood">$${esc(abs)} off</span>`; if (d < 0) return `<span class="badge badgeGood">[-$${esc(abs)}]</span>`;
return `<span class="badge badgeBad">+$${esc(abs)}</span>`; return `<span class="badge badgeBad">[+$${esc(abs)}]</span>`;
} }
// Otherwise: show % off vs best other store (only when actually cheaper). // Otherwise: show % off vs best other store (only when actually cheaper).
@ -606,9 +606,10 @@ export async function renderStore($app, storeLabelRaw) {
const pct = Math.round(((other - sp) / other) * 100); const pct = Math.round(((other - sp) / other) * 100);
if (!Number.isFinite(pct) || pct <= 0) return ""; if (!Number.isFinite(pct) || pct <= 0) return "";
return `<span class="badge badgeGood">${esc(pct)}% off</span>`; return `<span class="badge badgeGood">[${esc(pct)}% Off]</span>`;
} }
function renderCard(it) { function renderCard(it) {
const price = listingPriceStr(it); const price = listingPriceStr(it);