Remove api wrapper

next/app/go/GoLink.tsx

@@ -2,7 +2,6 @@ import { GoLinkIcon } from "@/components/common/Icons";
 import { GoLinkStar } from "@/components/common/Icons";
 import { GoLinkEdit } from "@/components/common/Icons";
 import { GoLinkDelete } from "@/components/common/Icons";
-import { fetchAuthLevel, goLinksApi } from "@/lib/api";
 import { useSession } from "next-auth/react";
 import { useCallback, useEffect, useState } from "react";
 
@@ -42,13 +41,16 @@ const GoLink: React.FC<GoLinkProps> = ({
 
   const handleEdit = async () => {
     try {
-      const response = await goLinksApi.update({
-        id: id,
-        golink: newTitle,
-        url: newUrl,
-        description: newDescription,
-        isPinned: newPinned,
-        isPublic: !officer,
+      const response = await fetch("/api/golinks", {
+        method: "PUT",
+        body: JSON.stringify({
+          id: id,
+          golink: newTitle,
+          url: newUrl,
+          description: newDescription,
+          isPinned: newPinned,
+          isPublic: !officer,
+        }),
       });
 
       if (response.ok) {
@@ -60,7 +62,10 @@ const GoLink: React.FC<GoLinkProps> = ({
 
   const handleDelete = async () => {
     try {
-      const response = await goLinksApi.delete(id);
+      const response = await fetch("/api/golinks", {
+        method: "DELETE",
+        body: JSON.stringify({ id }),
+      });
 
       if (response.ok) {
         handleCancel();
@@ -283,7 +288,9 @@ const EditAndDelete: React.FC<GoLinkProps> = ({
 
   useEffect(() => {
     (async () => {
-      const data = await fetchAuthLevel();
+      const data = await fetch("/api/authLevel").then((response) =>
+        response.json()
+      );
       setIsOfficer(data.isOfficer);
     })();
   }, []);

next/app/go/MakeNewGoLink.tsx

@@ -1,7 +1,6 @@
 import { useSession } from "next-auth/react";
 import { use, useCallback, useEffect, useState } from "react";
 import { CreateGoLinkProps } from "./page";
-import { goLinksApi, fetchAuthLevel } from "@/lib/api";
 
 export const GoLinkButton: React.FC<CreateGoLinkProps> = ({ fetchData }) => {
   const { data: session }: any = useSession();
@@ -26,12 +25,15 @@ export const GoLinkButton: React.FC<CreateGoLinkProps> = ({ fetchData }) => {
 
   const handleCreate = async () => {
     try {
-      const response = await goLinksApi.create({
-        golink: title,
-        url: url,
-        description: description,
-        isPinned: pinned,
-        isPublic: !officer, // If it is officer, it is not public
+      const response = await fetch("/api/golinks", {
+        method: "POST",
+        body: JSON.stringify({
+          golink: title,
+          url: url,
+          description: description,
+          isPinned: pinned,
+          isPublic: !officer, // If it is officer, it is not public
+        }),
       });
 
       if (response.ok) {
@@ -45,11 +47,13 @@ export const GoLinkButton: React.FC<CreateGoLinkProps> = ({ fetchData }) => {
   const [isOfficer, setIsOfficer] = useState(false);
 
   useEffect(() => {
-    (async () => {
-      const data = await fetchAuthLevel();
+    async () => {
+      const data = await fetch("/api/authLevel").then((response) =>
+        response.json()
+      );
       console.log(data);
       setIsOfficer(data.isOfficer);
-    })
+    };
   }, []);
 
   if (isOfficer) {

next/app/go/page.tsx

@@ -3,7 +3,6 @@
 import GoLinksContainer from "@/app/go/GoLinksContainer";
 import { GoLinkProps } from "./GoLink";
 import { useCallback, useEffect, useState } from "react";
-import { goLinksApi } from "@/lib/api";
 
 export interface CreateGoLinkProps {
   fetchData: () => Promise<void>;
@@ -17,7 +16,14 @@ export interface GoLinksContainerProps {
 const GoLinksPage = () => {
   const [goLinkData, setGoLinkData]: [any[], any] = useState([]);
   const fetchData = useCallback(async () => {
-    const data = await goLinksApi.fetch();
+    const data: {
+      id: number;
+      golink: string;
+      url: string;
+      description: string;
+      isPinned: boolean;
+      isPublic: boolean;
+    }[] = await fetch("/api/golinks/").then((response) => response.json());
     setGoLinkData(
       data.map((item) => ({
         id: item.id,