diff --git a/src/renderer/src/pages/catalogue/filter-section.tsx b/src/renderer/src/pages/catalogue/filter-section.tsx index b5df3c47..940394a1 100644 --- a/src/renderer/src/pages/catalogue/filter-section.tsx +++ b/src/renderer/src/pages/catalogue/filter-section.tsx @@ -18,23 +18,16 @@ export function FilterSection({ onSelect, }: FilterSectionProps) { const [search, setSearch] = useState(""); - const [showMore, setShowMore] = useState(false); const filteredItems = useMemo(() => { if (search.length > 0) { - return items - .filter((item) => - item.label.toLowerCase().includes(search.toLowerCase()) - ) - .slice(0, 10); + return items.filter((item) => + item.label.toLowerCase().includes(search.toLowerCase()) + ); } - if (showMore) { - return items; - } - - return items.slice(0, 10); - }, [items, search, showMore]); + return items; + }, [items, search]); const onSearch = useCallback((value: string) => { setSearch(value); @@ -66,7 +59,15 @@ export function FilterSection({ theme="dark" /> -
+
{filteredItems.map((item) => (
({ />
))} - - {!search && items.length > 10 && ( - - )}
);