diff --git a/src/webparts/peoplesearch/components/PeopleSearchBox/IPeopleSearchBoxProps.ts b/src/webparts/peoplesearch/components/PeopleSearchBox/IPeopleSearchBoxProps.ts index c90d165..0a7628c 100644 --- a/src/webparts/peoplesearch/components/PeopleSearchBox/IPeopleSearchBoxProps.ts +++ b/src/webparts/peoplesearch/components/PeopleSearchBox/IPeopleSearchBoxProps.ts @@ -1,7 +1,7 @@ import { IReadonlyTheme } from '@microsoft/sp-component-base'; export interface IPeopleSearchBoxProps { - onSearch: (searchQuery: string) => Promise; + onSearch: (searchQuery: string, isReset: boolean) => Promise; themeVariant: IReadonlyTheme | undefined; searchInputValue: string; } \ No newline at end of file diff --git a/src/webparts/peoplesearch/components/PeopleSearchBox/PeopleSearchBox.tsx b/src/webparts/peoplesearch/components/PeopleSearchBox/PeopleSearchBox.tsx index 0a3a38a..4a73625 100644 --- a/src/webparts/peoplesearch/components/PeopleSearchBox/PeopleSearchBox.tsx +++ b/src/webparts/peoplesearch/components/PeopleSearchBox/PeopleSearchBox.tsx @@ -71,7 +71,7 @@ export class PeopleSearchBox extends React.Component { if (!isEqual(this.props.searchService, prevProps.searchService)) { - await this._fetchPeopleSearchResults(1, true); + if (this.state.isReset && this.props.hideResultsOnload) { + this.setState({ + isReset: false, + results: [{ + value: [] + }] + }); + } + else { + await this._fetchPeopleSearchResults(1, true); + } } else if (!isEqual(this.props, prevProps)) { if (this.state.hasError) { @@ -147,7 +158,11 @@ export class PeopleSearchContainer extends React.Component { await this.props.updateSearchParameter(searchQuery); }} searchInputValue={this.props.searchService.searchParameter} />; + renderSearchBox = { + this.setState({ + isReset: isReset + }); + await this.props.updateSearchParameter(searchQuery); }} searchInputValue={this.props.searchService.searchParameter} />; } if (this.props.showPagination) {