From f75eeadc4f7aeb8a20c3edbc5e753e5d969e82a3 Mon Sep 17 00:00:00 2001
From: EnixCoda <enixcoda@gmail.com>
Date: Fri, 21 Sep 2018 22:52:45 +0800
Subject: [PATCH] feat: hide search input when loading file tree

---
 src/components/FileExplorer.js | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/components/FileExplorer.js b/src/components/FileExplorer.js
index 13a77a8..240de61 100644
--- a/src/components/FileExplorer.js
+++ b/src/components/FileExplorer.js
@@ -87,11 +87,15 @@ export default class FileExplorer extends React.Component {
     const { stateText, visibleNodes, freeze, handleKeyDown, handleSearchKeyChange, onNodeClick } = this.props
     return (
       <div className={cx(`file-explorer`, { freeze })} tabIndex={-1} onKeyDown={handleKeyDown}>
-        <SearchBar onSearchKeyChange={handleSearchKeyChange} />
         {
-          !visibleNodes || stateText
+          stateText
           ? <LoadingIndicator text={stateText} />
-          : this.renderFiles(visibleNodes, onNodeClick)
+          : visibleNodes && (
+            <React.Fragment>
+              <SearchBar onSearchKeyChange={handleSearchKeyChange} />
+              {this.renderFiles(visibleNodes, onNodeClick)}
+            </React.Fragment>
+          )
         }
       </div>
     )