From d0d2a927fa1b9ac0a0e571f6e6f1294445db66a4 Mon Sep 17 00:00:00 2001
From: Rafi Zadanly <zadanlyr@gmail.com>
Date: Sun, 19 Feb 2023 22:06:00 +0700
Subject: fix

---
 src/core/hooks/useSidebar.js | 22 ++++++++++++++++++++++
 1 file changed, 22 insertions(+)
 create mode 100644 src/core/hooks/useSidebar.js

(limited to 'src/core/hooks/useSidebar.js')

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
-- 
cgit v1.2.3