haiwen/seahub
1
0
Fork 0
mirror of https://github.com/haiwen/seahub.git synced 2025-09-19 10:26:17 +00:00
Code Issues Releases Wiki Activity

change search box click x to clear search value (#7233)

Browse Source
This commit is contained in:
Michael An
2024-12-23 11:27:20 +08:00
committed by GitHub
parent 3f82f6e72f
commit 1d7521f8ed
1 changed files with 15 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
frontend/src/components/search/search.js
View File

@@ -520,6 +520,17 @@ class Search extends Component {
}); });
} }
onClearSearch = () => {
this.setState({
value: '',
inputValue: '',
isResultGotten: false,
resultItems: [],
highlightIndex: 0,
isSearchInputShow: false,
});
}
renderSearchResult() { renderSearchResult() {
const { resultItems, width, showRecent, isResultGotten, isLoading } = this.state; const { resultItems, width, showRecent, isResultGotten, isLoading } = this.state;
if (!width || width === 'default') return null; if (!width || width === 'default') return null;
@@ -746,8 +757,8 @@ class Search extends Component {
<button <button
type="button" type="button"
className="search-icon-right input-icon-addon sf3-font sf3-font-x-01" className="search-icon-right input-icon-addon sf3-font sf3-font-x-01"
onClick={this.onCloseHandler} onClick={this.onClearSearch}
aria-label={gettext('Close')} aria-label={gettext('Clear search')}
></button> ></button>
} }
</div> </div>
@@ -785,8 +796,8 @@ class Search extends Component {
<button <button
type="button" type="button"
className="search-icon-right input-icon-addon sf3-font sf3-font-x-01" className="search-icon-right input-icon-addon sf3-font sf3-font-x-01"
onClick={this.onCloseHandler} onClick={this.onClearSearch}
aria-label={gettext('Close')} aria-label={gettext('Clear search')}
></button> ></button>
} }
</div> </div>