fix: /SearchForReports call missing for narrow resolutions

Author: martasudol

src/components/Search/SearchPageHeader/SearchPageHeader.tsx

@@ -28,7 +28,7 @@ type SearchPageHeaderProps = {
     hideSearchRouterList?: () => void;
     onSearchRouterFocus?: () => void;
     headerButtonsOptions: Array<DropdownOption<SearchHeaderOptionValue>>;
-    handleSearch?: (value: string) => void;
+    handleSearch: (value: string) => void;
 };
 
 type SearchHeaderOptionValue = DeepValueOf<typeof CONST.SEARCH.BULK_ACTION_TYPES> | undefined;

src/components/Search/SearchPageHeader/SearchPageHeaderInput.tsx

@@ -50,7 +50,7 @@ type SearchPageHeaderInputProps = {
     onSearchRouterFocus?: () => void;
     searchName?: string;
     inputRightComponent: React.ReactNode;
-    handleSearch?: (value: string) => void;
+    handleSearch: (value: string) => void;
 };
 
 function SearchPageHeaderInput({queryJSON, searchRouterListVisible, hideSearchRouterList, onSearchRouterFocus, searchName, inputRightComponent, handleSearch}: SearchPageHeaderInputProps) {
@@ -141,7 +141,7 @@ function SearchPageHeaderInput({queryJSON, searchRouterListVisible, hideSearchRo
     const handleSearchAction = useCallback(
         (value: string) => {
             // Skip calling handleSearch on the initial mount
-            if (!hasMountedRef.current || !handleSearch) {
+            if (!hasMountedRef.current) {
                 return;
             }
             handleSearch(value);

src/components/Search/index.tsx

@@ -56,7 +56,7 @@ type SearchProps = {
     contentContainerStyle?: StyleProp<ViewStyle>;
     currentSearchResults?: SearchResults;
     lastNonEmptySearchResults?: SearchResults;
-    handleSearch?: (value: SearchParams) => void;
+    handleSearch: (value: SearchParams) => void;
 };
 
 function mapTransactionItemToSelectedEntry(item: TransactionListItemType): [string, SelectedTransactionInfo] {
@@ -202,10 +202,6 @@ function Search({queryJSON, currentSearchResults, lastNonEmptySearchResults, onS
             return;
         }
 
-        if (!handleSearch) {
-            return;
-        }
-
         handleSearch({queryJSON, offset});
     }, [handleSearch, isOffline, offset, queryJSON]);
 

src/pages/Search/SearchPageNarrow.tsx

@@ -171,6 +171,7 @@ function SearchPageNarrow({queryJSON, searchName, headerButtonsOptions, currentS
                                             setSearchRouterListVisible(true);
                                         }}
                                         headerButtonsOptions={headerButtonsOptions}
+                                        handleSearch={handleSearchAction}
                                     />
                                 </View>
                                 <View style={[styles.appBG]}>
@@ -201,6 +202,7 @@ function SearchPageNarrow({queryJSON, searchName, headerButtonsOptions, currentS
                             queryJSON={queryJSON}
                             searchName={searchName}
                             headerButtonsOptions={headerButtonsOptions}
+                            handleSearch={handleSearchAction}
                         />
                     </>
                 )}