Move hooks into proper folder

src/hooks/useModal.tsx

@@ -0,0 +1,52 @@
+//TODO
+
+import { useRef, useState, useCallback, useMemo } from 'react';
+
+interface State {
+  isShow: boolean;
+}
+
+export const useModal = () => {
+  const [state, setState] = useState<State>({ isShow: false });
+  const [message, setMessage] = useState({ publishFee: '', message: '' });
+  const promiseConfig = useRef<any>(null);
+
+  const show = useCallback((data) => {
+    setMessage(data);
+    return new Promise((resolve, reject) => {
+      promiseConfig.current = { resolve, reject };
+      setState({ isShow: true });
+    });
+  }, []);
+
+  const hide = useCallback(() => {
+    setState({ isShow: false });
+    setMessage({ publishFee: '', message: '' });
+  }, []);
+
+  const onOk = useCallback(
+    (payload: any) => {
+      const { resolve } = promiseConfig.current || {};
+      hide();
+      resolve?.(payload);
+    },
+    [hide]
+  );
+
+  const onCancel = useCallback(() => {
+    const { reject } = promiseConfig.current || {};
+    hide();
+    reject?.('Declined');
+  }, [hide]);
+
+  return useMemo(
+    () => ({
+      show,
+      onOk,
+      onCancel,
+      isShow: state.isShow,
+      message,
+    }),
+    [show, onOk, onCancel, state.isShow, message]
+  );
+};