From 39dbf785e364f20403a140f5e76274a92a0db66a Mon Sep 17 00:00:00 2001
From: Keith <keithwhisper@gmail.com>
Date: Sun, 12 May 2019 12:55:27 +0800
Subject: [PATCH] feat(neuron-ui): make sidebar invisible when wallets.length
 === 0

---
 packages/neuron-ui/src/containers/Sidebar/index.tsx | 7 +++++--
 packages/neuron-ui/src/styles/layout.scss           | 2 +-
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/packages/neuron-ui/src/containers/Sidebar/index.tsx b/packages/neuron-ui/src/containers/Sidebar/index.tsx
index fd0e7b4b7c..0063487ea8 100644
--- a/packages/neuron-ui/src/containers/Sidebar/index.tsx
+++ b/packages/neuron-ui/src/containers/Sidebar/index.tsx
@@ -17,6 +17,8 @@ import { Routes } from 'utils/const'
 
 const SidebarAside = styled.nav`
   display: flex;
+  width: 240px;
+  box-sizing: border-box;
   flex-direction: column;
   margin: 40px 0 0 0;
   padding: 0 32px;
@@ -44,10 +46,11 @@ const menuItems = [
 const Sidebar = () => {
   const {
     wallet: { name },
+    settings: { wallets },
   } = useNeuronWallet()
   const [t] = useTranslation()
 
-  return (
+  return wallets.length ? (
     <SidebarAside>
       {menuItems.map(menuItem => (
         <NavLink
@@ -65,7 +68,7 @@ const Sidebar = () => {
         </NavLink>
       ))}
     </SidebarAside>
-  )
+  ) : null
 }
 
 const Container = (props: any) => createPortal(<Sidebar {...props} />, document.querySelector('aside') as HTMLElement)
diff --git a/packages/neuron-ui/src/styles/layout.scss b/packages/neuron-ui/src/styles/layout.scss
index 3219b14418..0cbbcefda4 100644
--- a/packages/neuron-ui/src/styles/layout.scss
+++ b/packages/neuron-ui/src/styles/layout.scss
@@ -7,7 +7,7 @@ body {
     'sidebar notification notification notification' auto
     'sidebar content content content' 1fr
     'sidebar content content content' 1fr /
-    240px 1fr 1fr 340px;
+    auto 1fr 1fr 340px;
   column-gap: $column-gap;
 
   height: 100vh;