From 6d43406e3a928ba0ac1f465846b68c0db4986e71 Mon Sep 17 00:00:00 2001
From: Jason Frerich <jason.frerich@mattermost.com>
Date: Mon, 8 Aug 2022 03:57:04 -0500
Subject: [PATCH] - use the same handler for onClose and onClear. (#6481)

- SearchBar component will handle the focussing and blurring
- Keyboard dismissal is handled in the onCancel and onClear functions in
search/index.tsx
---
 app/screens/home/search/search.tsx | 26 +++++++++++---------------
 1 file changed, 11 insertions(+), 15 deletions(-)

diff --git a/app/screens/home/search/search.tsx b/app/screens/home/search/search.tsx
index 8b01a16aa..b87bcd7a1 100644
--- a/app/screens/home/search/search.tsx
+++ b/app/screens/home/search/search.tsx
@@ -93,26 +93,22 @@ const SearchScreen = ({teamId}: Props) => {
 
     const {scrollPaddingTop, scrollRef, scrollValue, onScroll, headerHeight, hideHeader} = useCollapsibleHeader<FlatList>(true, onSnap);
 
+    const handleCancelAndClearSearch = useCallback(() => {
+        setSearchValue('');
+        setLastSearchedValue('');
+        setFilter(FileFilters.ALL);
+        setShowResults(false);
+    }, []);
+
     const handleTextChange = useCallback((newValue: string) => {
         setSearchValue(newValue);
         setCursorPosition(newValue.length);
     }, []);
 
-    const handleClearSearch = useCallback(() => {
-        handleTextChange('');
-        setLastSearchedValue('');
-        setFilter(FileFilters.ALL);
-    }, [handleTextChange]);
-
-    const handleCancelSearch = useCallback(() => {
-        handleClearSearch();
-        setShowResults(false);
-    }, [handleClearSearch]);
-
     const handleSearch = useCallback(async (newSearchTeamId: string, term: string) => {
         const searchParams = getSearchParams(term);
         if (!searchParams.terms) {
-            handleClearSearch();
+            handleCancelAndClearSearch();
             return;
         }
         setLoading(true);
@@ -130,7 +126,7 @@ const SearchScreen = ({teamId}: Props) => {
 
         setShowResults(true);
         setLoading(false);
-    }, [handleClearSearch]);
+    }, [handleCancelAndClearSearch]);
 
     const onSubmit = useCallback(() => {
         handleSearch(searchTeamId, searchValue);
@@ -264,8 +260,8 @@ const SearchScreen = ({teamId}: Props) => {
                 onSubmitEditing={onSubmit}
                 blurOnSubmit={true}
                 placeholder={intl.formatMessage({id: 'screen.search.placeholder', defaultMessage: 'Search messages & files'})}
-                onClear={handleClearSearch}
-                onCancel={handleCancelSearch}
+                onClear={handleCancelAndClearSearch}
+                onCancel={handleCancelAndClearSearch}
                 defaultValue={searchValue}
             />
             <Animated.View style={[top, {zIndex: AutocompleteZindex}]}>