Add axios dependency (#52)

* Add axios dependency * Refactor APIClient to use abstract class and interface
mdwiltfong · Jan 30, 2024 · af9d9f0 · af9d9f0
1 parent 3a2b1d0
commit af9d9f0
Show file tree

Hide file tree

Showing 3 changed files with 59 additions and 0 deletions.
diff --git a/client/package-lock.json b/client/package-lock.json
diff --git a/client/package.json b/client/package.json
@@ -14,6 +14,7 @@
     "@hookform/resolvers": "^3.3.4",
     "@reduxjs/toolkit": "^2.0.1",
     "@testing-library/react": "^14.1.2",
+    "axios": "^1.6.6",
     "bootstrap": "^5.3.2",
     "jsdom": "^23.0.1",
     "localforage": "^1.10.0",

diff --git a/client/src/util/APIClient.ts b/client/src/util/APIClient.ts
@@ -0,0 +1,23 @@
+import axios, { AxiosInstance, AxiosResponse } from "axios";
+import config from "../../../server/utils/Config";
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+abstract class APIHelper {
+  protected instance: AxiosInstance;
+  constructor() {
+    this.instance = axios.create({
+      baseURL:
+        config.NODE_ENV === "production"
+          ? "https://codecademy-secret-santa-2.fly.dev"
+          : `http://localhost:${config.PORT}`,
+      timeout: 5000,
+    });
+  }
+}
+
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+interface APIClientI {
+  get: <T>(url: string) => Promise<AxiosResponse<T>>;
+  post: <T>(url: string, body: object) => Promise<AxiosResponse<T>>;
+  put: <T>(url: string, body: object) => Promise<AxiosResponse<T>>;
+  delete: <T>(url: string) => Promise<AxiosResponse<T>>;
+}