From f99e0aba70efad0deb907d8e27f09fc9f527c8a4 Mon Sep 17 00:00:00 2001
From: Rafi Zadanly <zadanlyr@gmail.com>
Date: Fri, 17 Feb 2023 17:07:50 +0700
Subject: Refactor

---
 src2/lib/elements/hooks/useBottomPopup.js | 40 +++++++++++++++++++++++++++++++
 1 file changed, 40 insertions(+)
 create mode 100644 src2/lib/elements/hooks/useBottomPopup.js

(limited to 'src2/lib/elements/hooks/useBottomPopup.js')

diff --git a/src2/lib/elements/hooks/useBottomPopup.js b/src2/lib/elements/hooks/useBottomPopup.js
new file mode 100644
index 00000000..88b72316
--- /dev/null
+++ b/src2/lib/elements/hooks/useBottomPopup.js
@@ -0,0 +1,40 @@
+import { useState } from "react";
+import dynamic from "next/dynamic";
+
+const DynamicBottomPopup = dynamic(() => import('@/components/elements/BottomPopup'));
+
+const useBottomPopup = ({
+  title,
+  children
+}) => {
+  const [ isOpen, setIsOpen ] = useState(false);
+  const [ dataPopup, setDataPopup ] = useState(null);
+
+  const closePopup = () => {
+    setIsOpen(false);
+    setDataPopup(null);
+  };
+  const openPopup = ( data = null ) => {
+    setIsOpen(true);
+    setDataPopup(data);
+  };
+
+  const BottomPopup = (
+    <DynamicBottomPopup
+      title={title} 
+      active={isOpen}
+      closePopup={closePopup}
+    >
+      { children(dataPopup) }
+    </DynamicBottomPopup>
+  );
+
+  return {
+    dataPopup,
+    BottomPopup,
+    closePopup,
+    openPopup
+  }
+}
+
+export default useBottomPopup;
\ No newline at end of file
-- 
cgit v1.2.3