1 files changed, 27 insertions, 0 deletions
diff --git a/src/core/hooks/useSidebar.js b/src/core/hooks/useSidebar.js
new file mode 100644
index 00000000..4da61ac2
--- /dev/null
+++ b/src/core/hooks/useSidebar.js
@@ -0,0 +1,27 @@
+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