From 1dce80d78e4c018975d9c3f750bbedd46ebc482b Mon Sep 17 00:00:00 2001
From: EnixCoda <enixcoda@gmail.com>
Date: Wed, 17 Oct 2018 22:22:56 +0800
Subject: [PATCH] feat: allow hide settings by clicking file explorer

---
 src/components/FileExplorer.js | 4 ++--
 src/components/SideBar.js      | 4 ++--
 src/content.less               | 7 ++++++-
 3 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/src/components/FileExplorer.js b/src/components/FileExplorer.js
index 333837a..3dd07c6 100644
--- a/src/components/FileExplorer.js
+++ b/src/components/FileExplorer.js
@@ -82,9 +82,9 @@ export default class FileExplorer extends React.Component {
   }
 
   render() {
-    const { stateText, visibleNodes, freeze, handleKeyDown, handleSearchKeyChange, onNodeClick } = this.props
+    const { stateText, visibleNodes, freeze, handleKeyDown, handleSearchKeyChange, onNodeClick, toggleShowSettings } = this.props
     return (
-      <div className={cx(`file-explorer`, { freeze })} tabIndex={-1} onKeyDown={handleKeyDown}>
+      <div className={cx(`file-explorer`, { freeze })} tabIndex={-1} onKeyDown={handleKeyDown} onClick={ freeze ? toggleShowSettings : null}>
         {
           stateText
           ? <LoadingIndicator text={stateText} />
diff --git a/src/components/SideBar.js b/src/components/SideBar.js
index 6b7611d..c43c8d7 100644
--- a/src/components/SideBar.js
+++ b/src/components/SideBar.js
@@ -87,14 +87,14 @@ export default class Gitako extends React.PureComponent {
   }
 
   renderContent() {
-    const { errorDueToAuth, metaData, treeData, showSettings, accessToken, compressSingletonFolder } = this.props
+    const { errorDueToAuth, metaData, treeData, showSettings, accessToken, compressSingletonFolder, toggleShowSettings } = this.props
     return (
       <div className={'gitako-side-bar-content'}>
         {metaData && <MetaBar metaData={metaData} />}
         {errorDueToAuth
           ? this.renderAccessDeniedError()
           : metaData &&
-            <FileExplorer metaData={metaData} treeData={treeData} freeze={showSettings} accessToken={accessToken} compressSingletonFolder={compressSingletonFolder} />
+            <FileExplorer toggleShowSettings={toggleShowSettings} metaData={metaData} treeData={treeData} freeze={showSettings} accessToken={accessToken} compressSingletonFolder={compressSingletonFolder} />
         }
       </div>
     )
diff --git a/src/content.less b/src/content.less
index 1ea57eb..c8dd374 100644
--- a/src/content.less
+++ b/src/content.less
@@ -266,7 +266,12 @@
         flex-wrap: nowrap;
         &.freeze {
           filter: blur(1.5px) opacity(0.6) grayscale(0.9);
-          pointer-events: none;
+          cursor: pointer;
+
+          > * {
+            pointer-events: none;
+            user-select: none;
+          }
         }
 
         /* search input */