[O] Use my own fork of solid-infinite-scroll

package.json

@@ -21,7 +21,7 @@
     "mime": "^3.0.0",
     "moment": "^2.29.4",
     "sass": "^1.58.0",
-    "solid-infinite-scroll": "^0.0.1-beta",
+    "solid-infinite-scroll-fork": "^1.0.0",
     "solid-js": "^1.6.10",
     "string-similarity": "^4.0.4",
     "tippy.js": "^6.3.7",

src/App.tsx

@@ -11,7 +11,7 @@ import './app.sass';
 
 import { Icon } from '@iconify-icon/solid';
 import { clamp, sizeFmt } from './utils';
-import InfiniteScroll from 'solid-infinite-scroll';
+import InfiniteScroll from 'solid-infinite-scroll-fork';
 
 interface File {
   name: string 
@@ -81,6 +81,9 @@ export default function App() {
   }
   window.addEventListener("keydown", searchActivate)
 
+  const filteredApi = () => api()?.filter(it => search() ? it.name.toLowerCase().includes(search().toLowerCase()) : true)
+    .slice(0, scrollIndex())
+
   // Handle wheel for breadcrumb
   let bcMax: number
   const [bcLeft, setBcLeft] = createSignal(0)
@@ -143,7 +146,7 @@ export default function App() {
         <div class="flex flex-col gap-1">
 
           {/* For each file */}
-          <InfiniteScroll each={api()?.filter(it => search() ? it.name.includes(search()) : true).slice(0, scrollIndex())}
+          <InfiniteScroll each={filteredApi()}
                           loadingMessage={<></>}
                           hasMore={scrollIndex() < api()?.length} next={scrollNext}>{(f, i) =>
             <a class="w-full flex gap-4 transition-all duration-300 bg-dark-800 hover:bg-dark-300 hover:duration-0 rounded-xl p-2 items-center"

yarn.lock

@@ -946,10 +946,10 @@ semver@^6.3.0:
   resolved "https://registry.yarnpkg.com/semver/-/semver-6.3.0.tgz#ee0a64c8af5e8ceea67687b133761e1becbd1d3d"
   integrity sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==
 
-solid-infinite-scroll@^0.0.1-beta:
-  version "0.0.1-beta"
-  resolved "https://registry.yarnpkg.com/solid-infinite-scroll/-/solid-infinite-scroll-0.0.1-beta.tgz#d8258ab8937cba4e430d9d1eee650b1e83e019b5"
-  integrity sha512-Ck9CZukwgq4MT6n7s+6auJ8CSaeMgRypZYT91YmsW7ffPSMdqHXN8u3K3iL3Ah9coXicfBolX0RIjv+MyM2Gwg==
+solid-infinite-scroll-fork@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/solid-infinite-scroll-fork/-/solid-infinite-scroll-fork-1.0.0.tgz#0c089b3263ff71fd127351c6f8e93da32fdfc18d"
+  integrity sha512-k+bcUImeXJuBxQ4t/41b2TV3wwqc85fh5LSE3E/i+CF4BS1g+Dwrrb/753HLZ+yPHXCERMRTd0EnvKGr8kMeOg==
   dependencies:
     solid-js "^1.4.7"