diff --git a/frontend/src/components/file-chooser/file-chooser.js b/frontend/src/components/file-chooser/file-chooser.js index c03c4e041a..7272707e67 100644 --- a/frontend/src/components/file-chooser/file-chooser.js +++ b/frontend/src/components/file-chooser/file-chooser.js @@ -143,22 +143,32 @@ class FileChooser extends React.Component { onSearchInfoChanged = (event) => { let searchInfo = event.target.value.trim(); + + this.setState({searchInfo: searchInfo}); + + if (this.inputValue === searchInfo) { + return false; + } + + this.inputValue = searchInfo; + + if (searchInfo.length === 0) { + this.setState({ + isSearching: false, + searchResults: [], + }); + return false; + } + if (!this.state.searchResults.length && searchInfo.length > 0) { this.setState({ isSearching: true, isResultGot: false, }); } - this.setState({searchInfo: searchInfo}); - if (this.inputValue === searchInfo) { - return false; - } - this.inputValue = searchInfo; if (this.inputValue === '' || this.getValueLength(this.inputValue) < 3) { - this.setState({ - isResultGot: false, - }); + this.setState({isResultGot: false}); return false; } diff --git a/frontend/src/components/file-chooser/searched-list-item.js b/frontend/src/components/file-chooser/searched-list-item.js index ced15e70c7..6740fa8b07 100644 --- a/frontend/src/components/file-chooser/searched-list-item.js +++ b/frontend/src/components/file-chooser/searched-list-item.js @@ -31,8 +31,8 @@ class SearchedListItem extends React.Component { render() { let { item, currentItem } = this.props; - let fileIconUrl = item.is_dir ? Utils.getFolderIconUrl(false, 24) : Utils.getFileIconUrl(item.name, 24); - let trClass = this.state.highlight ? 'tr-hightlight' : ''; + let fileIconUrl = item.is_dir ? Utils.getFolderIconUrl(false, 192) : Utils.getFileIconUrl(item.name, 192); + let trClass = this.state.highlight ? 'tr-highlight' : ''; if (currentItem) { if (item.repo_id === currentItem.repo_id && item.path === currentItem.path) { trClass = 'searched-active';