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-02 18:58:18 -08:00
parent 3bcffdeb00
commit 6a2b51eaf3
1 changed files with 16 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
viz/app/search_page.js
View file

@ -97,12 +97,26 @@ export function renderSearch($app) {
return;
}
const half = Math.ceil(stores.length / 2);
const totalChars = stores.reduce((n, s) => n + s.length, 0);
const target = totalChars / 2;
let acc = 0;
let breakAt = stores.length;
for (let i = 0; i < stores.length; i++) {
acc += stores[i].length;
if (acc >= target) {
breakAt = i + 1;
break;
}
}
$stores.innerHTML = stores
.map((s, i) => {
const btn = `<a class="storeBtn" href="#/store/${encodeURIComponent(s)}">${esc(s)}</a>`;
const brk = i === half - 1 && stores.length > 1 ? `<span class="storeBreak" aria-hidden="true"></span>` : "";
const brk = i === breakAt - 1 && stores.length > 1
? `<span class="storeBreak" aria-hidden="true"></span>`
: "";
return btn + brk;
})
.join("");