Merge pull request #202 from brecert/hide-channels

src/components/navigation/LeftSidebar.tsx

@@ -4,27 +4,31 @@ import SidebarBase from "./SidebarBase";
 import HomeSidebar from "./left/HomeSidebar";
 import ServerListSidebar from "./left/ServerListSidebar";
 import ServerSidebar from "./left/ServerSidebar";
+import { useSelector } from "react-redux";
+import { State } from "../../redux";
 
 export default function LeftSidebar() {
+    const isOpen = useSelector((state: State) => state.sectionToggle['sidebar_channels'] ?? true)
+
     return (
         <SidebarBase>
             <Switch>
                 <Route path="/settings" />
                 <Route path="/server/:server/channel/:channel">
                     <ServerListSidebar />
-                    <ServerSidebar />
+                    {isOpen && <ServerSidebar />}
                 </Route>
                 <Route path="/server/:server">
                     <ServerListSidebar />
-                    <ServerSidebar />
+                    {isOpen && <ServerSidebar />}
                 </Route>
                 <Route path="/channel/:channel">
                     <ServerListSidebar />
-                    <HomeSidebar />
+                    {isOpen && <HomeSidebar />}
                 </Route>
                 <Route path="/">
                     <ServerListSidebar />
-                    <HomeSidebar />
+                    {isOpen && <HomeSidebar />}
                 </Route>
             </Switch>
         </SidebarBase>