Mathias/PowerTools
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Updated the Sidebar.jsx

Browse Source
This commit is contained in:
Mathias Wagner 2023-05-30 20:06:09 +02:00
parent 0699bf394b
commit 1d7ca252d4
Signed by: Mathias
GPG Key ID: B8DC354B0A1F5B44
1 changed files with 15 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
client/src/common/components/Sidebar/Sidebar.jsx
View File

@ -2,11 +2,19 @@ import SidebarHeader from "@/common/components/Sidebar/components/SidebarHeader"
import "./styles.sass"; import "./styles.sass";
import SidebarContent from "@/common/components/Sidebar/components/SidebarContent"; import SidebarContent from "@/common/components/Sidebar/components/SidebarContent";
import SidebarFooter from "@/common/components/Sidebar/components/SidebarFooter"; import SidebarFooter from "@/common/components/Sidebar/components/SidebarFooter";
import {useRef} from "react";
export const Sidebar = ({open, setOpen}) => ( export const Sidebar = ({open, setOpen}) => {
<aside className={open ? "" : "sidebar-hidden"}> const ref = useRef();
<SidebarHeader setOpen={setOpen}/>
<SidebarContent /> return (
<SidebarFooter /> <>
</aside> {open && <div className="background-overlay" ref={ref} onClick={() => setOpen(false)}/>}
) <aside className={open ? "" : "sidebar-hidden"} ref={ref}>
<SidebarHeader setOpen={setOpen}/>
<SidebarContent/>
<SidebarFooter/>
</aside>
</>
);
}