Poprawki w wyszikiwaniu kanałów i wyświetlaniu
This commit is contained in:
@@ -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:
|
||||
{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>
|
||||
)}
|
||||
|
||||
Reference in New Issue
Block a user