Merge pull request Expensify#75560 from paulnjs/paulnjs-fix/73760

fix: Search input on Reports page appends text to existing filter without whitespace

Author: JS00001

src/components/Search/SearchPageHeader/SearchPageHeaderInput.tsx

@@ -69,7 +69,7 @@ function SearchPageHeaderInput({queryJSON, searchRouterListVisible, hideSearchRo
     const {inputQuery: originalInputQuery} = queryJSON;
     const isDefaultQuery = isDefaultExpensesQuery(queryJSON);
     const [currentUserAccountID = -1] = useOnyx(ONYXKEYS.SESSION, {selector: accountIDSelector, canBeMissing: false});
-    const queryText = buildUserReadableQueryString(queryJSON, personalDetails, reports, taxRates, allCards, allFeeds, policies, currentUserAccountID);
+    const queryText = buildUserReadableQueryString(queryJSON, personalDetails, reports, taxRates, allCards, allFeeds, policies, currentUserAccountID, true);
 
     // The actual input text that the user sees
     const [textInputValue, setTextInputValue] = useState(isDefaultQuery ? '' : queryText);

src/libs/SearchQueryUtils.ts

@@ -970,6 +970,7 @@ function buildUserReadableQueryString(
     cardFeeds: OnyxCollection<OnyxTypes.CardFeeds>,
     policies: OnyxCollection<OnyxTypes.Policy>,
     currentUserAccountID: number,
+    autoCompleteWithSpace = false,
 ) {
     const {type, status, groupBy, policyID} = queryJSON;
     const filters = queryJSON.flatFilters;
@@ -1050,6 +1051,10 @@ function buildUserReadableQueryString(
         title += buildFilterValuesString(getUserFriendlyKey(key), displayQueryFilters);
     }
 
+    if (autoCompleteWithSpace && !title.endsWith(' ')) {
+        title += ' ';
+    }
+
     return title;
 }