From 3603c67133d792b6cd2a49122a18c3f530382b93 Mon Sep 17 00:00:00 2001
From: Brandon Presley <brandon@presley.nz>
Date: Fri, 30 Dec 2022 20:29:16 +1300
Subject: [PATCH] Add filtering back in to SettingsPage

I accidentally removed it and pushed to production...
Woopsie.
---
 SettingsPage.tsx | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

diff --git a/SettingsPage.tsx b/SettingsPage.tsx
index abef19e..3d3ce74 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() {
             </Button>
           ),
         },
-      ].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() {
 
       <Page term={term} search={setTerm} style={{flexGrow: 0}}>
         <View style={{marginTop: MARGIN}}>
-          {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)}
         </View>
       </Page>