abner/for-legacy-web
1
0
Fork 1
mirror of https://github.com/stoatchat/for-legacy-web.git synced 2026-03-07 09:25:27 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add the ability to hide the channel sidebar

Browse Source 
(the left one)
This commit is contained in:
brecert
2021-09-07 10:51:46 -04:00
parent 7fc830eacf
commit 3f01dd07ac
4 changed files with 76 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/navigation/LeftSidebar.tsx
View File

@@ -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>