haiwen/seahub
1
0
Fork 0
mirror of https://github.com/haiwen/seahub.git synced 2025-09-18 08:16:07 +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() {
const { resultItems, width, showRecent, isResultGotten, isLoading } = this.state;
if (!width || width === 'default') return null;
@@ -746,8 +757,8 @@ class Search extends Component {
<button
type="button"
className="search-icon-right input-icon-addon sf3-font sf3-font-x-01"
onClick={this.onCloseHandler}
aria-label={gettext('Close')}
onClick={this.onClearSearch}
aria-label={gettext('Clear search')}
></button>
}
</div>
@@ -785,8 +796,8 @@ class Search extends Component {
<button
type="button"
className="search-icon-right input-icon-addon sf3-font sf3-font-x-01"
onClick={this.onCloseHandler}
aria-label={gettext('Close')}
onClick={this.onClearSearch}
aria-label={gettext('Clear search')}
></button>
}
</div>