diff --git a/SettingsPage.tsx b/SettingsPage.tsx index abef19e5..3d3ce74e 100644 --- a/SettingsPage.tsx +++ b/SettingsPage.tsx @@ -219,6 +219,11 @@ export default function SettingsPage() { toast('Database exported. Check downloads.') }, []) + const filter = useCallback( + ({name}) => name.toLowerCase().includes(term.toLowerCase()), + [term], + ) + const buttons = useMemo( () => [ @@ -259,8 +264,8 @@ export default function SettingsPage() { ), }, - ].filter(({name}) => name.toLowerCase().includes(term.toLowerCase())), - [changeSound, exportDatabase, soundString, term], + ].filter(filter), + [changeSound, exportDatabase, soundString, filter], ) return ( @@ -269,8 +274,8 @@ export default function SettingsPage() { - {switches.map(s => renderSwitch(s))} - {selects.map(s => renderSelect(s))} + {switches.filter(filter).map(s => renderSwitch(s))} + {selects.filter(filter).map(s => renderSelect(s))} {buttons.map(b => b.element)}