Poprawki w wyszikiwaniu kanałów i wyświetlaniu

This commit is contained in:
dm
2025-12-13 12:34:37 +01:00
parent 32d77ac5ad
commit 71d1b18314
6 changed files with 266 additions and 317 deletions

View File

@@ -13,7 +13,7 @@ export default function JamboxChannelsSearch() {
const qq = q.trim();
setErr("");
if (qq.length < 2) {
if (qq.length === 0) {
setItems([]);
setLoading(false);
return;
@@ -58,7 +58,8 @@ export default function JamboxChannelsSearch() {
const meta = useMemo(() => {
const qq = q.trim();
if (qq.length < 2) return "Wpisz min. 2 znaki";
if (qq.length === 0) return "";
// "Zacznij pisać, aby wyszukać"
if (loading) return "Szukam…";
if (err) return err;
return `Znaleziono: ${items.length}`;
@@ -71,7 +72,7 @@ export default function JamboxChannelsSearch() {
el.scrollIntoView({ behavior: "smooth", block: "start" });
el.classList.add("is-target");
window.setTimeout(() => el.classList.remove("is-target"), 1200);
window.setTimeout(() => el.classList.remove("is-target"), 5400);
}
return (
@@ -101,7 +102,7 @@ export default function JamboxChannelsSearch() {
)}
</div>
<div class="f-chsearch__meta">{meta}</div>
<div class="f-chsearch-meta">{meta}</div>
</div>
<div class="f-chsearch__list" role="list">
@@ -138,16 +139,19 @@ export default function JamboxChannelsSearch() {
<div class="f-chsearch__packages">
Dostępny w:&nbsp;
{c.packages.map((p, i) => (
<button
type="button"
class="f-chsearch__pkg"
key={p.id}
onClick={() => scrollToPackage(p.id)}
>
{p.name}{" "}
<span class="f-chsearch__pkgnum">(kanał {p.number})</span>
<span key={p.id}>
<button
type="button"
class="f-chsearch__pkg"
onClick={() => scrollToPackage(p.id)}
>
{p.name}
</button>
<span class="f-chsearch__pkgnum">
{" "} (kanał {p.number})
</span>
{i < c.packages.length - 1 ? ", " : ""}
</button>
</span>
))}
</div>
)}
@@ -156,7 +160,7 @@ export default function JamboxChannelsSearch() {
))}
{q.trim().length >= 2 && !loading && items.length === 0 && (
<div class="f-chsearch__empty">
<div class="f-chsearch-empty">
Brak wyników dla: <strong>{q}</strong>
</div>
)}