Merge pull request #74 from which-ecosystem/fetching

SWR feat. crazy refactor

1 files changed, 34 insertions, 0 deletions

diff --git a/src/hooks/APIClient.ts b/src/hooks/APIClient.ts
new file mode 100644
index 0000000..9563bd6
--- /dev/null
+++ b/src/hooks/APIClient.ts
@@ -0,0 +1,34 @@
+import useSWR, { responseInterface } from 'swr';
+import { User, Poll, Feedback } from 'which-types';
+import { get } from '../requests';
+
+
+interface Response<T> extends responseInterface<T, Error> {
+  data: T;
+}
+
+const fetcher = (endpoint: string) => get(endpoint).then(response => response.data);
+
+const arrayOptions = {
+  initialData: [],
+  revalidateOnMount: true
+};
+
+export const useUser = (username: string | null): Response<User> => {
+  return useSWR(
+    username && `/users?username=${username}`,
+    (url: string) => get(url).then(response => response.data[0])
+  ) as Response<User>;
+};
+
+export const useProfile = (id: string): Response<Poll[]> => {
+  return useSWR(id && `/profiles/${id}`, fetcher, arrayOptions) as Response<Poll[]>;
+};
+
+export const useFeed = (): Response<Poll[]> => {
+  return useSWR('/feed', fetcher, { ...arrayOptions, revalidateOnFocus: false }) as Response<Poll[]>;
+};
+
+export const useFeedback = (): Response<Feedback[]> => {
+  return useSWR('/feedback', fetcher, arrayOptions) as Response<Feedback[]>;
+};