Merge pull request #17643 from hellohublot/Fix_SearchPage_HeaderMessage

Fix SearchPage update headerMessage in debounce.updateOptions
Expensify · Apr 19, 2023 · 5cd0ab3 · 5cd0ab3
2 parents 541a5ef + e59e2d0
commit 5cd0ab3
Showing 1 changed file with 14 additions and 10 deletions.
diff --git a/src/pages/SearchPage.js b/src/pages/SearchPage.js
@@ -70,6 +70,7 @@ class SearchPage extends Component {
 
         this.state = {
             searchValue: '',
+            headerMessage: '',
             recentReports,
             personalDetails,
             userToInvite,
@@ -134,10 +135,18 @@ class SearchPage extends Component {
             this.state.searchValue.trim(),
             this.props.betas,
         );
-        this.setState({
-            userToInvite,
-            recentReports,
-            personalDetails,
+        this.setState((prevState) => {
+            const headerMessage = OptionsListUtils.getHeaderMessage(
+                (recentReports.length + personalDetails.length) !== 0,
+                Boolean(userToInvite),
+                prevState.searchValue,
+            );
+            return ({
+                headerMessage,
+                userToInvite,
+                recentReports,
+                personalDetails,
+            });
         });
     }
 
@@ -164,11 +173,6 @@ class SearchPage extends Component {
 
     render() {
         const sections = this.getSections();
-        const headerMessage = OptionsListUtils.getHeaderMessage(
-            (this.state.recentReports.length + this.state.personalDetails.length) !== 0,
-            Boolean(this.state.userToInvite),
-            this.state.searchValue,
-        );
         return (
             <ScreenWrapper includeSafeAreaPaddingBottom={false}>
                 {({didScreenTransitionEnd, safeAreaPaddingBottomStyle}) => (
@@ -183,7 +187,7 @@ class SearchPage extends Component {
                                 value={this.state.searchValue}
                                 onSelectRow={this.selectReport}
                                 onChangeText={this.onChangeText}
-                                headerMessage={headerMessage}
+                                headerMessage={this.state.headerMessage}
                                 hideSectionHeaders
                                 showTitleTooltip
                                 shouldShowOptions={didScreenTransitionEnd}