fix styling

Expensify · Sep 26, 2024 · e9cba4e · e9cba4e
1 parent 38ba637
commit e9cba4e
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 18 deletions.
diff --git a/src/components/Search/SearchRouter/SearchRouter.tsx b/src/components/Search/SearchRouter/SearchRouter.tsx
@@ -63,23 +63,28 @@ function SearchRouter() {
         setUserSearchQuery(undefined);
     };
 
-    const onSearchChange = debounce((userQuery: string) => {
-        if (!userQuery) {
-            clearUserQuery();
-            return;
-        }
-        listRef.current?.updateAndScrollToFocusedIndex(0);
-        const queryJSON = SearchUtils.buildSearchQueryJSON(userQuery);
-
-        if (queryJSON) {
-            // eslint-disable-next-line
-            console.log('parsedQuery', queryJSON);
-
-            setUserSearchQuery(queryJSON);
-        } else {
-            // Handle query parsing error
-        }
-    }, SEARCH_DEBOUNCE_DELAY);
+    const onSearchChange = useMemo(
+        // eslint-disable-next-line react-compiler/react-compiler
+        () =>
+            debounce((userQuery: string) => {
+                if (!userQuery) {
+                    clearUserQuery();
+                    return;
+                }
+                listRef.current?.updateAndScrollToFocusedIndex(0);
+                const queryJSON = SearchUtils.buildSearchQueryJSON(userQuery);
+
+                if (queryJSON) {
+                    // eslint-disable-next-line
+                    console.log('parsedQuery', queryJSON);
+
+                    setUserSearchQuery(queryJSON);
+                } else {
+                    // Handle query parsing error
+                }
+            }, SEARCH_DEBOUNCE_DELAY),
+        [],
+    );
 
     const updateUserSearchQuery = (newSearchQuery: string) => {
         setTextInputValue(newSearchQuery);

diff --git a/src/components/Search/SearchRouter/SearchRouterList.tsx b/src/components/Search/SearchRouter/SearchRouterList.tsx
@@ -137,7 +137,7 @@ function SearchRouterList(
             sections={sections}
             onSelectRow={onSelectRow}
             ListItem={SearchRouterItem}
-            containerStyle={styles.mh100}
+            containerStyle={[styles.mh100, styles.mt2]}
             ref={ref}
         />
     );