diff --git a/package.json b/package.json index bfde5c4..9d6d0f5 100644 --- a/package.json +++ b/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", diff --git a/src/App.tsx b/src/App.tsx index 3de33ea..ccafc6b 100644 --- a/src/App.tsx +++ b/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() {
{/* For each file */} - search() ? it.name.includes(search()) : true).slice(0, scrollIndex())} + } hasMore={scrollIndex() < api()?.length} next={scrollNext}>{(f, i) =>