From eb5ebce5bfc55b113674e721b3c58869ddf52cf0 Mon Sep 17 00:00:00 2001
From: EnixCoda <enixcoda@gmail.com>
Date: Sat, 9 Feb 2019 14:29:40 +0800
Subject: [PATCH] chore: clean code

---
 src/components/FileExplorer.jsx | 34 +++++++++++++++++++++------------
 src/content.jsx                 |  4 ++--
 2 files changed, 24 insertions(+), 14 deletions(-)

diff --git a/src/components/FileExplorer.jsx b/src/components/FileExplorer.jsx
index 4d7a860..df0ef33 100644
--- a/src/components/FileExplorer.jsx
+++ b/src/components/FileExplorer.jsx
@@ -59,11 +59,7 @@ export default class FileExplorer extends React.Component {
   renderFiles(visibleNodes, onNodeClick) {
     const { nodes, depths, focusedNode, expandedNodes } = visibleNodes
     if (nodes.length === 0) {
-      return (
-        <label className={'no-results'}>
-          No results found.
-        </label>
-      )
+      return <label className={'no-results'}>No results found.</label>
     }
     return (
       <div className={'files'}>
@@ -82,19 +78,33 @@ export default class FileExplorer extends React.Component {
   }
 
   render() {
-    const { stateText, visibleNodes, freeze, handleKeyDown, handleSearchKeyChange, onNodeClick, toggleShowSettings, onFocusSearchBar } = this.props
+    const {
+      stateText,
+      visibleNodes,
+      freeze,
+      handleKeyDown,
+      handleSearchKeyChange,
+      onNodeClick,
+      toggleShowSettings,
+      onFocusSearchBar,
+    } = this.props
     return (
-      <div className={cx(`file-explorer`, { freeze })} tabIndex={-1} onKeyDown={handleKeyDown} onClick={ freeze ? toggleShowSettings : null}>
-        {
-          stateText
-          ? <LoadingIndicator text={stateText} />
-          : visibleNodes && (
+      <div
+        className={cx(`file-explorer`, { freeze })}
+        tabIndex={-1}
+        onKeyDown={handleKeyDown}
+        onClick={freeze ? toggleShowSettings : null}
+      >
+        {stateText ? (
+          <LoadingIndicator text={stateText} />
+        ) : (
+          visibleNodes && (
             <React.Fragment>
               <SearchBar onSearchKeyChange={handleSearchKeyChange} onFocus={onFocusSearchBar} />
               {this.renderFiles(visibleNodes, onNodeClick)}
             </React.Fragment>
           )
-        }
+        )}
       </div>
     )
   }
diff --git a/src/content.jsx b/src/content.jsx
index 06b7c41..b86067f 100644
--- a/src/content.jsx
+++ b/src/content.jsx
@@ -1,5 +1,5 @@
-import * as React from 'react'
-import * as ReactDOM from 'react-dom'
+import React from 'react'
+import ReactDOM from 'react-dom'
 import Gitako from 'components/Gitako'
 import { addMiddleware } from 'driver/connect'
 import { withErrorLog } from 'analytics'