From 3825dfec5ea5cdbc39c81f001528bdd1ccb89c30 Mon Sep 17 00:00:00 2001
From: Mateusz Titz <titzmateusz@gmail.com>
Date: Fri, 20 Sep 2024 14:22:27 +0200
Subject: [PATCH] Add updates to Search Button positioning

---
 src/components/MoneyReportHeader.tsx                | 2 +-
 src/components/MoneyRequestHeader.tsx               | 2 +-
 src/components/Search/SearchRouter/SearchRouter.tsx | 2 +-
 src/pages/home/HeaderView.tsx                       | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/MoneyReportHeader.tsx b/src/components/MoneyReportHeader.tsx
index f5e2703b1a47..030cdb0df5f9 100644
--- a/src/components/MoneyReportHeader.tsx
+++ b/src/components/MoneyReportHeader.tsx
@@ -285,7 +285,7 @@ function MoneyReportHeader({policy, report: moneyRequestReport, transactionThrea
                 report={moneyRequestReport}
                 policy={policy}
                 shouldShowBackButton={shouldUseNarrowLayout}
-                shouldDisplaySearchRouter
+                shouldDisplaySearchRouter={!shouldUseNarrowLayout}
                 onBackButtonPress={onBackButtonPress}
                 // Shows border if no buttons or banners are showing below the header
                 shouldShowBorderBottom={!isMoreContentShown}
diff --git a/src/components/MoneyRequestHeader.tsx b/src/components/MoneyRequestHeader.tsx
index 34d3c2d54a70..b05815a27c65 100644
--- a/src/components/MoneyRequestHeader.tsx
+++ b/src/components/MoneyRequestHeader.tsx
@@ -134,7 +134,7 @@ function MoneyRequestHeader({report, parentReportAction, policy, shouldUseNarrow
                     policy={policy}
                     shouldShowBackButton={shouldUseNarrowLayout}
                     onBackButtonPress={onBackButtonPress}
-                    shouldDisplaySearchRouter
+                    shouldDisplaySearchRouter={!shouldUseNarrowLayout}
                 >
                     {hasAllPendingRTERViolations && !shouldUseNarrowLayout && (
                         <Button
diff --git a/src/components/Search/SearchRouter/SearchRouter.tsx b/src/components/Search/SearchRouter/SearchRouter.tsx
index 016f61dbce0e..dfe2cbbe16c6 100644
--- a/src/components/Search/SearchRouter/SearchRouter.tsx
+++ b/src/components/Search/SearchRouter/SearchRouter.tsx
@@ -14,7 +14,7 @@ import ROUTES from '@src/ROUTES';
 import {useSearchRouterContext} from './SearchRouterContext';
 import SearchRouterInput from './SearchRouterInput';
 
-const SEARCH_DEBOUNCE_DELAY = 200;
+const SEARCH_DEBOUNCE_DELAY = 150;
 
 function SearchRouter() {
     const styles = useThemeStyles();
diff --git a/src/pages/home/HeaderView.tsx b/src/pages/home/HeaderView.tsx
index 446ecd5883af..f1e95fef8ae3 100644
--- a/src/pages/home/HeaderView.tsx
+++ b/src/pages/home/HeaderView.tsx
@@ -265,12 +265,12 @@ function HeaderView({report, parentReportAction, reportID, onNavigationMenuButto
                                     </View>
                                 )}
                             </PressableWithoutFeedback>
-                            <SearchButton />
                             <View style={[styles.reportOptions, styles.flexRow, styles.alignItemsCenter]}>
                                 {ReportUtils.isChatUsedForOnboarding(report) && <FreeTrialBadge />}
                                 {isTaskReport && !shouldUseNarrowLayout && ReportUtils.isOpenTaskReport(report, parentReportAction) && <TaskHeaderActionButton report={report} />}
                                 {canJoin && !shouldUseNarrowLayout && joinButton}
                             </View>
+                            {!shouldUseNarrowLayout && <SearchButton />}
                         </View>
                         <ConfirmModal
                             isVisible={isDeleteTaskConfirmModalVisible}