chore: sidebar deprecated

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');

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>

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({