From a5bb3202344aa2ad61856dd3b8c2b468910fea0e Mon Sep 17 00:00:00 2001
From: Tsu-ba-me <ynho.li.aa.e@gmail.com>
Date: Wed, 6 Dec 2023 16:11:00 -0500
Subject: [PATCH] feat(striker-ui): add non-hook fetcher, bundle with states

---
 striker-ui/hooks/useActiveFetch.ts | 55 ++++++++++++++++++++++++++++++
 1 file changed, 55 insertions(+)
 create mode 100644 striker-ui/hooks/useActiveFetch.ts

diff --git a/striker-ui/hooks/useActiveFetch.ts b/striker-ui/hooks/useActiveFetch.ts
new file mode 100644
index 00000000..fe48be82
--- /dev/null
+++ b/striker-ui/hooks/useActiveFetch.ts
@@ -0,0 +1,55 @@
+import { useCallback } from 'react';
+
+import api from '../lib/api';
+import handleAPIError from '../lib/handleAPIError';
+import useProtectedState from './useProtectedState';
+
+type ActiveFetchSetter<T> = (data: T) => void;
+
+type ActiveFetcher = (url?: string) => void;
+
+type ActiveFetchHookResponse = {
+  fetch: ActiveFetcher;
+  loading: boolean;
+};
+
+const useActiveFetch = <Data>(
+  options: {
+    onData?: ActiveFetchSetter<Data>;
+    onError?: (emsg: Message) => void;
+    url?: string;
+  } = {},
+): ActiveFetchHookResponse => {
+  const { onError, onData, url: urlPrefix = '' } = options;
+
+  const [loading, setLoading] = useProtectedState<boolean>(false);
+
+  const fetch = useCallback<ActiveFetcher>(
+    (urlPostfix = '') => {
+      const url = `${urlPrefix}${urlPostfix}`;
+
+      if (!url) return;
+
+      setLoading(true);
+
+      api
+        .get<Data>(url)
+        .then(({ data }) => {
+          onData?.call(null, data);
+        })
+        .catch((error) => {
+          const emsg = handleAPIError(error);
+
+          onError?.call(null, emsg);
+        })
+        .finally(() => {
+          setLoading(false);
+        });
+    },
+    [urlPrefix, setLoading, onError, onData],
+  );
+
+  return { fetch, loading };
+};
+
+export default useActiveFetch;