Zmiany w modalach

src/islands/jambox/JamboxChannelsSearch.jsx

@@ -61,6 +61,17 @@ export default function JamboxChannelsSearch() {
     return `Znaleziono: ${items.length}`;
   }, [q, loading, err, items]);
 
+  function scrollToPackage(packageId) {
+    const el = document.getElementById(`pkg-${packageId}`);
+    if (!el) return;
+
+    el.scrollIntoView({ behavior: "smooth", block: "start" });
+
+    el.classList.add("is-target");
+    setTimeout(() => el.classList.remove("is-target"), 1200);
+  }
+
+
   return (
     <div class="fuz-chsearch">
       <h1 class="f-section-title">Wyszukiwanie kanałów w pakietach telewizji</h1>
@@ -114,11 +125,21 @@ export default function JamboxChannelsSearch() {
                 <div class="fuz-chsearch__packages">
                   Dostępny w:&nbsp;
                   {c.packages.map((p, i) => (
-                    <span class="fuz-chsearch__pkg" key={p.id}>
+                    // <span class="fuz-chsearch__pkg" key={p.id}>
+                    //   {p.name}{" "}
+                    //   <span class="fuz-chsearch__pkgnum">(kanał {p.number})</span>
+                    //   {i < c.packages.length - 1 ? ", " : ""}
+                    // </span>
+                    <button
+                      type="button"
+                      class="fuz-chsearch__pkg"
+                      key={p.id}
+                      onClick={() => scrollToPackage(p.id)}
+                    >
                       {p.name}{" "}
                       <span class="fuz-chsearch__pkgnum">(kanał {p.number})</span>
                       {i < c.packages.length - 1 ? ", " : ""}
-                    </span>
+                    </button>
                   ))}
                 </div>
               )}