1 files changed, 22 insertions, 0 deletions
diff --git a/src/core/hooks/useSidebar.js b/src/core/hooks/useSidebar.js
new file mode 100644
index 00000000..9388734a
--- /dev/null
+++ b/src/core/hooks/useSidebar.js
@@ -0,0 +1,22 @@
+import useActive from "./useActive"
+import SidebarComponent from "../components/elements/Sidebar/Sidebar"
+import { useEffect } from "react"
+
+const useSidebar = () => {
+  const { active, activate, deactivate } = useActive()
+
+  useEffect(() => {
+    if (active) {
+      document.querySelector('html, body').classList.add('overflow-hidden')
+    } else {
+      document.querySelector('html, body').classList.remove('overflow-hidden')
+    }
+  }, [active])
+
+  return {
+    open: activate,
+    Sidebar: <SidebarComponent active={active} close={deactivate} />
+  }
+}
+
+export default useSidebar
+\ No newline at end of file