From 56870a2b27adf6cb7e48921b8ed004803e059f2c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9D=A8=E9=A1=BA=E5=BC=BA?= <ysq9207@126.com>
Date: Sat, 9 Mar 2019 15:23:07 +0800
Subject: [PATCH] repair bug (#3086)

---
 .../components/file-chooser/file-chooser.js   | 26 +++++++++++++------
 .../file-chooser/searched-list-item.js        |  4 +--
 2 files changed, 20 insertions(+), 10 deletions(-)

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';