Split model files into apis, hooks and models

src/hooks/useFetchFeed.ts

@@ -0,0 +1,40 @@
+import useSWR from "swr";
+import axios, { AxiosRequestConfig } from "axios";
+import Post from "@models/Feed";
+import { getAuthHeader } from "@utils/auth";
+import { URL, Options } from "@api/feedApi";
+
+const feedFetcher = (url: string, config?: AxiosRequestConfig) => axios.get(url, config).then((res) => res.data);
+
+const generateFetchParams = (id = "", options: Options = {}) => {
+  const url = `${URL}${id}`;
+  const { auth } = options;
+
+  return {
+    url,
+    config: {
+      headers: auth ? { Authorization: getAuthHeader() } : null,
+    },
+  };
+};
+
+interface FetchArguments {
+  initialData?: Post | Post[],
+  id?: string;
+  options?: Options
+}
+
+const useFetchFeed = ({
+  initialData,
+  id = "",
+  options = {},
+}: FetchArguments) => {
+  const { url, config } = generateFetchParams(id, options);
+  const { data, error } = useSWR([url, config], feedFetcher, { initialData });
+  return {
+    data: data?.results || data,
+    error,
+  };
+};
+
+export default useFetchFeed;