Fix to feed discovery (#1134)

* Fixes to debounce

* Less aggressive debounce

1 files changed, 6 insertions, 5 deletions

diff --git a/src/view/screens/DiscoverFeeds.tsx b/src/view/screens/DiscoverFeeds.tsx
index e7b685ebc..0f15b8054 100644
--- a/src/view/screens/DiscoverFeeds.tsx
+++ b/src/view/screens/DiscoverFeeds.tsx
@@ -28,14 +28,14 @@ export const DiscoverFeedsScreen = withAuthRequired(
     const [isInputFocused, setIsInputFocused] = React.useState<boolean>(false)
     const [query, setQuery] = React.useState<string>('')
     const debouncedSearchFeeds = React.useMemo(
-      () => debounce(() => feeds.search(query), 200), // debouce for 200 ms
-      [feeds, query],
+      () => debounce(query => feeds.search(query), 500), // debounce for 500ms
+      [feeds],
     )
     const onChangeQuery = React.useCallback(
       (text: string) => {
         setQuery(text)
         if (text.length > 1) {
-          debouncedSearchFeeds()
+          debouncedSearchFeeds(text)
         } else {
           feeds.refresh()
         }
@@ -52,8 +52,9 @@ export const DiscoverFeedsScreen = withAuthRequired(
       feeds.refresh()
     }, [feeds])
     const onSubmitQuery = React.useCallback(() => {
-      feeds.search(query)
-    }, [feeds, query])
+      debouncedSearchFeeds(query)
+      debouncedSearchFeeds.flush()
+    }, [debouncedSearchFeeds, query])
 
     useFocusEffect(
       React.useCallback(() => {