From 81b88e964faf03f464c31c7bc44fc533571b6305 Mon Sep 17 00:00:00 2001
From: Anoop M D <anoop.md1421@gmail.com>
Date: Mon, 21 Mar 2022 00:03:03 +0530
Subject: [PATCH] chore: sidebar deprecated

---
 renderer/components/RequestTabPanel/index.js | 2 +-
 renderer/components/Sidebar/index.js         | 8 ++++++--
 renderer/providers/ReduxStore/slices/app.js  | 4 ++--
 3 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/renderer/components/RequestTabPanel/index.js b/renderer/components/RequestTabPanel/index.js
index dc54b6a7..0075cd3d 100644
--- a/renderer/components/RequestTabPanel/index.js
+++ b/renderer/components/RequestTabPanel/index.js
@@ -22,7 +22,7 @@ const RequestTabPanel = () => {
   const collections = useSelector((state) => state.collections.collections);
   const dispatch = useDispatch();
 
-  let asideWidth = 270;
+  let asideWidth = useSelector((state) => state.app.leftSidebarWidth);
   let {
     schema 
   } = useGraphqlSchema('https://api.spacex.land/graphql');
diff --git a/renderer/components/Sidebar/index.js b/renderer/components/Sidebar/index.js
index 0204a156..b530ec4d 100644
--- a/renderer/components/Sidebar/index.js
+++ b/renderer/components/Sidebar/index.js
@@ -38,12 +38,16 @@ const Sidebar = () => {
 
             <Collections />
           </div>
-          <div
+          {/*
+            Sidebar is deprecated as we shift to the approach for storing collections as a file tree
+            on the filesystem itself
+          */}
+          {/* <div
             onClick={() => dispatch(toggleLeftMenuBar())}
             className="flex flex-col px-1 py-2 cursor-pointer text-gray-500 hover:text-gray-700"
           >
             {!leftMenuBarOpen && <IconChevronsRight size={24} strokeWidth={1.5}/>}
-          </div>
+          </div> */}
         </div>
       </div>
     </StyledWrapper>
diff --git a/renderer/providers/ReduxStore/slices/app.js b/renderer/providers/ReduxStore/slices/app.js
index 82dc856f..923626a5 100644
--- a/renderer/providers/ReduxStore/slices/app.js
+++ b/renderer/providers/ReduxStore/slices/app.js
@@ -2,8 +2,8 @@ import { createSlice } from '@reduxjs/toolkit'
 
 const initialState = {
   idbConnectionReady: false,
-  leftMenuBarOpen: true,
-  leftSidebarWidth: 270
+  leftMenuBarOpen: false,
+  leftSidebarWidth: 222
 };
 
 export const appSlice = createSlice({