Trim before searching. Fixes danish1658#124

bhavberi · Sep 4, 2024 · 2e4f6dc · 2e4f6dc
1 parent f4f01ab
commit 2e4f6dc
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 11 deletions.
diff --git a/components/MultipleSelectList.tsx b/components/MultipleSelectList.tsx
@@ -133,11 +133,11 @@ const MultipleSelectList: React.FC<MultipleSelectListProps> = ({
 
                             <TextInput 
                                 placeholder={searchPlaceholder}
-                                onChangeText={(val) => {
-                                    let result =  data.filter((item: L1Keys) => {
-                                        val.toLowerCase();
-                                        let row = item.value.toLowerCase()
-                                        return row.search(val.toLowerCase()) > -1;
+                                onChangeText={(val: String) => {
+                                    let result = data.filter((item: L1Keys) => {
+                                        let valLower = val.toLowerCase().trim();
+                                        let row = item.value.toLowerCase().trim();
+                                        return row.includes(valLower);
                                     });
                                     setFilteredData(result)
                                 }}

diff --git a/components/SelectList.tsx b/components/SelectList.tsx
@@ -138,13 +138,13 @@ const SelectList: React.FC<SelectListProps> =  ({
 
                             <TextInput 
                                 placeholder={searchPlaceholder}
-                                onChangeText={(val) => {
-                                    let result =  data.filter((item: L1Keys) => {
-                                        val.toLowerCase();
-                                        let row = item.value.toLowerCase()
-                                        return row.search(val.toLowerCase()) > -1;
+                                onChangeText={(val: String) => {
+                                    let result = data.filter((item: L1Keys) => {
+                                        let valLower = val.toLowerCase().trim();
+                                        let row = item.value.toLowerCase().trim();
+                                        return row.includes(valLower);
                                     });
-                                    setFilteredData(result)
+                                    setFilteredData(result);
                                 }}
                                 style={[{padding:0,height:20,flex:1,fontFamily},inputStyles]}
                             />