diff --git a/src/pages/SearchPage.js b/src/pages/SearchPage.js index 560ec388ef99..457d915aa9b1 100755 --- 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 ( {({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}