From 620223f151700bbd91a33d32e2a4c29d4c287e9d Mon Sep 17 00:00:00 2001
From: Rafi Zadanly <zadanlyr@gmail.com>
Date: Mon, 6 Feb 2023 12:04:30 +0700
Subject: no message

---
 src/lib/elements/hooks/useConfirmAlert.js | 49 +++++++++++++++++++++++++++++++
 1 file changed, 49 insertions(+)
 create mode 100644 src/lib/elements/hooks/useConfirmAlert.js

(limited to 'src/lib/elements/hooks/useConfirmAlert.js')

diff --git a/src/lib/elements/hooks/useConfirmAlert.js b/src/lib/elements/hooks/useConfirmAlert.js
new file mode 100644
index 00000000..4975c57d
--- /dev/null
+++ b/src/lib/elements/hooks/useConfirmAlert.js
@@ -0,0 +1,49 @@
+import { useState } from "react";
+import dynamic from "next/dynamic";
+
+const DynamicConfirmAlert = dynamic(() => import('@/components/elements/ConfirmAlert'));
+
+const useConfirmAlert = ({
+  title,
+  caption,
+  closeText,
+  submitText,
+  onSubmit,
+}) => {
+  const [ isOpen, setIsOpen ] = useState(false);
+  const [ data, setData ] = useState(null);
+
+  const closeConfirmAlert = () => {
+    setIsOpen(false);
+    setData(null);
+  };
+  const openConfirmAlert = ( data = null ) => {
+    setIsOpen(true);
+    setData(data);
+  };
+  const handleSubmit = async () => {
+    await onSubmit(data);
+    closeConfirmAlert();
+  };
+
+  const ConfirmAlert = (
+    <DynamicConfirmAlert
+      title={title}
+      caption={caption}
+      closeText={closeText}
+      submitText={submitText}
+      onClose={closeConfirmAlert}
+      onSubmit={handleSubmit}
+      show={isOpen}
+    />
+  );
+
+  return {
+    isOpen,
+    closeConfirmAlert,
+    openConfirmAlert,
+    ConfirmAlert
+  };
+}
+
+export default useConfirmAlert;
\ No newline at end of file
-- 
cgit v1.2.3