Add updates to Search Button positioning

Expensify · Sep 20, 2024 · 3825dfe · 3825dfe
1 parent 6cdeaae
commit 3825dfe
Show file tree

Hide file tree

Showing 4 changed files with 4 additions and 4 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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}