https://www.youtube.com/watch?v=ZUD_a1SdruA (#1696)

Co-authored-by: evan <evanuxd@gmail.com>

Author: DanielTQuach

src/APIFunctions/Cleezy.js

@@ -1,4 +1,4 @@
-import axios from 'axios';
+
 import { ApiResponse } from './ApiResponses';
 
 import { BASE_API_URL } from '../Enums';
@@ -9,26 +9,28 @@ export async function getAllUrls({
 }) {
   let status = new ApiResponse();
   const url = new URL('/api/Cleezy/list', BASE_API_URL);
-  await axios
-    .get(
-      url.href, {
-        params: {
-          page,
-          ...(search !== undefined && { search }),
-          sortColumn,
-          sortOrder
-        }, headers: {
-          'Authorization': `Bearer ${token}`
-        }
-      },
-    )
-    .then(res => {
-      status.responseData = res.data;
-    })
-    .catch(err => {
-      status.responseData = err;
-      status.error = true;
+  if (page) url.searchParams.set('page', page);
+  if (search !== null) url.searchParams.set('search', search);
+  if (sortColumn) url.searchParams.set('sortColumn', sortColumn);
+  if (sortOrder) url.searchParams.set('sortOrder', sortOrder);
+  try {
+    const res = await fetch(url.href, {
+      method: 'GET',
+      headers: {
+        'Authorization': `Bearer ${token}`,
+        'Content-Type': 'application/json'
+      }
     });
+    if (res.ok) {
+      const result = await res.json();
+      status.responseData = result;
+    } else {
+      status.error = true;
+    }
+  } catch(err) {
+    status.error = true;
+    status.responseData = err;
+  }
   return status;
 }
 
@@ -37,18 +39,21 @@ export async function createUrl(url, alias = null, token) {
   const urlToAdd = { url, alias };
   try {
     const url = new URL('/api/Cleezy/createUrl', BASE_API_URL);
-    const response = await axios
-      .post(
-        url.href,
-        urlToAdd,
-        {
-          headers: {
-            'Authorization': `Bearer ${token}`
-          }
-        });
-    const data = response.data;
-    status.responseData = data;
-  } catch (err) {
+    const res = await fetch(url.href, {
+      method: 'POST',
+      headers: {
+        'Authorization': `Bearer ${token}`,
+        'Content-Type': 'application/json'
+      },
+      body: JSON.stringify(urlToAdd)
+    });
+    if (res.ok) {
+      const result = await res.json();
+      status.responseData = result;
+    } else {
+      status.error = true;
+    }
+  } catch(err) {
     status.error = true;
     status.responseData = err;
   }
@@ -59,18 +64,21 @@ export async function deleteUrl(aliasIn, token) {
   let status = new ApiResponse();
   const alias = { 'alias': aliasIn };
   const url = new URL('/api/Cleezy/deleteUrl', BASE_API_URL);
-  await axios
-    .post(
-      url.href,
-      alias,
-      {
-        headers: {
-          'Authorization': `Bearer ${token}`
-        }
-      })
-    .catch(err => {
-      status.responseData = err;
-      status.error = true;
+  try {
+    const res = await fetch(url.href, {
+      method: 'POST',
+      headers: {
+        'Authorization': `Bearer ${token}`,
+        'Content-Type': 'application/json'
+      },
+      body: JSON.stringify(alias)
     });
+    if (!res.ok) {
+      status.error = true;
+    }
+  } catch(err) {
+    status.error = true;
+    status.responseData = err;
+  }
   return status;
 }