From 63242415ed0c828d17103baa39a5ce37f50dd888 Mon Sep 17 00:00:00 2001
From: Daniel Gonzalez <danielhumgon@gmail.com>
Date: Wed, 29 Sep 2021 16:37:29 -0400
Subject: [PATCH] feat(explorer): Have Explorer View load first

---
 .../components/menu-components.js             | 33 ++++++++++---------
 1 file changed, 17 insertions(+), 16 deletions(-)

diff --git a/src/gatsby-ipfs-web-wallet/components/menu-components.js b/src/gatsby-ipfs-web-wallet/components/menu-components.js
index 3c863db..b5e940d 100644
--- a/src/gatsby-ipfs-web-wallet/components/menu-components.js
+++ b/src/gatsby-ipfs-web-wallet/components/menu-components.js
@@ -31,46 +31,47 @@ const { Item } = Sidebar
 const MenuComponents = props => {
   return [
     {
+      active: true, // Set this view as default
       key: 'Explorer',
-      component: <Explorer key='Explorer' {...props} />,
-      menuItem: <Item icon='fas-binoculars' key='Explorer' text='Explorer' />
+      component: <Explorer key="Explorer" {...props} />,
+      menuItem: <Item icon="fas-binoculars" key="Explorer" text="Explorer" />
     },
     {
       key: 'Tokens',
-      component: <Tokens key='Tokens' {...props} />,
-      menuItem: <Item icon='fas-coins' key='Tokens' text='Tokens' />
+      component: <Tokens key="Tokens" {...props} />,
+      menuItem: <Item icon="fas-coins" key="Tokens" text="Tokens" />
     },
     {
       key: 'Send/Receive BCH',
-      component: <SendReceive key='Send/Receive BCH' {...props} />,
+      component: <SendReceive key="Send/Receive BCH" {...props} />,
       menuItem: (
         <Item
-          icon='fa-exchange-alt'
-          key='Send/Receive BCH'
-          text='Send/Receive BCH'
+          icon="fa-exchange-alt"
+          key="Send/Receive BCH"
+          text="Send/Receive BCH"
         />
       )
     },
     {
       key: 'Wallet',
-      component: <Wallet key='Wallet' {...props} />,
-      menuItem: <Item icon='fa-wallet' key='Wallet' text='Wallet' />
+      component: <Wallet key="Wallet" {...props} />,
+      menuItem: <Item icon="fa-wallet" key="Wallet" text="Wallet" />
     },
     {
       key: 'Configure',
-      component: <Configure key='Configure' {...props} />,
-      menuItem: <Item icon='fas-cog' key='Configure' text='Configure' />
+      component: <Configure key="Configure" {...props} />,
+      menuItem: <Item icon="fas-cog" key="Configure" text="Configure" />
     },
     {
       key: 'TX History',
-      component: <TXHistory key='TX History' {...props} />,
-      menuItem: <Item icon='fas-cog' key='TX History' text='TX History' />
+      component: <TXHistory key="TX History" {...props} />,
+      menuItem: <Item icon="fas-cog" key="TX History" text="TX History" />
     },
     {
       key: 'Demo Component',
-      component: <DemoComponent key='Demo Component' {...props} />,
+      component: <DemoComponent key="Demo Component" {...props} />,
       menuItem: (
-        <Item icon='fas-cog' key='Demo Component' text='Demo Component' />
+        <Item icon="fas-cog" key="Demo Component" text="Demo Component" />
       )
     }
   ]