refactor: collection api routes

src/app/api/collection/route.ts → src/app/api/collections/route.ts

@@ -2,6 +2,49 @@ import prisma from "@/lib/prisma";
 import { currentUser } from "@clerk/nextjs/server";
 import { NextRequest, NextResponse } from "next/server";
 
+export const dynamic = "force-dynamic";
+
+export async function GET() {
+  try {
+    const user = await currentUser();
+
+    if (!user) {
+      return NextResponse.json(
+        {
+          message: "User not authenticated",
+        },
+        { status: 401 },
+      );
+    }
+
+    const collections = await prisma.collection.findMany({
+      where: {
+        madeById: user.id,
+      },
+    });
+
+    return NextResponse.json(
+      {
+        message: "Fetched collections successfully",
+        data: collections,
+      },
+      {
+        status: 200,
+      },
+    );
+  } catch (err: any) {
+    console.error(err);
+    return NextResponse.json(
+      {
+        message: "Internal Server error",
+      },
+      {
+        status: 500,
+      },
+    );
+  }
+}
+
 export async function POST(req: NextRequest) {
   try {
     const user = await currentUser();

src/hooks/collections/useDeleteCollection.tsx

@@ -12,7 +12,7 @@ export function useDeleteCollection() {
     async (id: string) => {
       try {
         setLoading(true);
-        const res = await fetch("/api/collection", {
+        const res = await fetch("/api/collections", {
           method: "DELETE",
           body: JSON.stringify({
             collectionId: id,

src/hooks/collections/useFetchCollection.tsx

@@ -15,7 +15,7 @@ export function useFetchCollection(id: string) {
     async (id: string) => {
       try {
         setLoading(true);
-        const req = await fetch(`/api/collection/${id}`);
+        const req = await fetch(`/api/collections/${id}`);
         const res = await req.json();
         if (req.status === 200) {
           setCollectionWithMemes(res.data);

src/hooks/collections/useFetchCollectionWithMemes.tsx

@@ -15,7 +15,7 @@ export function useFetchCollectionWithMemes() {
     async (collectionId: string) => {
       try {
         setLoading(true);
-        const req = await fetch(`/api/collection/${collectionId}`);
+        const req = await fetch(`/api/collections/${collectionId}`);
         const res = await req.json();
         if (req.status === 200) {
           setCollectionWithMemes(res.data);

src/hooks/collections/useFetchCollections.tsx

@@ -12,7 +12,7 @@ export function useFetchCollections() {
   const fetchCollections = useCallback(async () => {
     setLoading(true);
     try {
-      const req = await fetch("/api/collection/all");
+      const req = await fetch("/api/collections");
       const res = await req.json();
       if (req.status === 200) {
         setCollections(res.data);

src/hooks/collections/usePostCollection.tsx

@@ -10,7 +10,7 @@ export function usePostCollection() {
   const postCollection = useCallback(async (name: string) => {
     setLoading(true);
     try {
-      const req = await fetch("/api/collection/", {
+      const req = await fetch("/api/collections", {
         method: "POST",
         body: JSON.stringify({
           collectionName: name,

src/hooks/collections/useUpdateCollection.tsx

@@ -11,7 +11,7 @@ export function useUpdateCollection() {
     async (collectionId: string, payload: { collectionName: string }) => {
       setLoading(true);
       try {
-        const req = await fetch(`/api/collection/${collectionId}`, {
+        const req = await fetch(`/api/collections/${collectionId}`, {
           method: "PATCH",
           body: JSON.stringify(payload),
         });