refactor: strongly type API Client hooks

1 files changed, 11 insertions, 20 deletions

diff --git a/src/hooks/useAPIClient.ts b/src/hooks/useAPIClient.ts
index 3035c51..fd3ee19 100644
--- a/src/hooks/useAPIClient.ts
+++ b/src/hooks/useAPIClient.ts
@@ -1,12 +1,20 @@
-import useSWR, { responseInterface } from 'swr';
+import useSWR, { SWRConfiguration, SWRResponse } from 'swr';
 import _ from 'lodash';
 import { get } from '../requests';
 
-type Response<T> = responseInterface<T, Error>;
+type Response<T> = SWRResponse<T, Error>;
 
 const fetcher = (endpoint: string) => get(endpoint).then(response => response.data);
 
-const hooks: any = {};
+
+interface ServiceHooks<T = any> {
+  useList: (query?: string, options?: SWRConfiguration) => Response<T[]>
+  useItem: (id: string) => Response<T>
+}
+
+type Hooks = Record<string, ServiceHooks>;
+
+const hooks: Hooks = {};
 
 const registerServiceHooks = <Item = any>(service: string): void => {
   if (hooks[service]) return;
@@ -30,22 +38,5 @@ const registerServiceHooks = <Item = any>(service: string): void => {
   hooks[service] = { useItem, useList };
 };
 
-hooks.account = {
-  useList: () => {
-    const { data: transfers } = useSWR('/transfers', fetcher);
-    const dates = _.groupBy(transfers, 'date');
-    const dataUnsorted = _.map(dates, (dateTransfers, date) => ({
-      _id: dateTransfers[0]._id, // fake: sample id for unique key
-      date,
-      amount: _
-        .sumBy(dateTransfers, transfer => transfer.amount * (transfer.operation === 'in' ? 1 : -1))
-        .toFixed(1),
-    }));
-    const data = _.sortBy(dataUnsorted, 'date').reverse();
-    return { data };
-  },
-};
-
-
 export { registerServiceHooks };
 export default hooks;