ideas working yay

Author: abhitrueprogrammer

src/api/fetchIdeas.ts

@@ -1,5 +1,5 @@
 import axios from "./axiosConfig";
-import { z } from "zod";
+import { number, z } from "zod";
 
 const submissionSchema = z.object({
   title: z.string().nullable(),
@@ -40,19 +40,17 @@ export type ideaType = z.infer<typeof ideaSchema>;
 
 export type ideaResponseType = z.infer<typeof ideasResponseSchema>;
 
-
-
-
-
 export const fetchIdeas = async ({
   limit,
   cursorId,
   name,
+  track,
 }: {
   limit: number;
   cursorId?: string;
-  name?: string;}
-) => {
+  name?: string;
+  track?: number;
+}) => {
   try {
     const params = new URLSearchParams({ limit: String(limit) });
 
@@ -61,17 +59,20 @@ export const fetchIdeas = async ({
     } else if (cursorId) {
       params.append("cursor", cursorId);
     }
+    const url = track !== undefined? `admin/ideas/${track}/?${params.toString()}` : `admin/ideas?${params.toString()}`;
 
-    const response = await axios.get<ideaResponseType>(`admin/ideas`);
+    const response = await axios.get<ideaResponseType>(url);
     const parsedResponse = ideasResponseSchema.parse(response.data);
     console.log(parsedResponse.data);
-    const nextCursor = 2;
+
+    //send in next cursor when data is done
+    const nextCursor = "1";
 
     return {
       idea: parsedResponse.data,
       nextCursor,
     };
-    } catch (err) {
+  } catch (err) {
     console.log(err);
     throw err;
   }

src/app/idea/page.tsx

@@ -17,6 +17,11 @@ import { type ColumnDef } from "@tanstack/react-table";
 import { useEffect, useState } from "react";
 
 export default function TeamsIdeasTable() {
+  const [cursorHistory, setCursorHistory] = useState<string[]>([]);
+  const [currentCursor, setCurrentCursor] = useState<string | undefined>(
+    undefined,
+  );
+
   const [pageLimit, setPageLimit] = useState(10);
   const [searchTerm, setSearchTerm] = useState("");
   const [currentPage, setCurrentPage] = useState(0);
@@ -35,7 +40,21 @@ export default function TeamsIdeasTable() {
         cursorId: undefined,
       }),
   });
+  const handleNextPage = () => {
+    if (ideasData?.nextCursor) {
+      console.log("yes cursor available");
+      setCursorHistory((prev) => [...prev, currentCursor ?? ""]); // Store current cursor
+      setCurrentCursor(ideasData.nextCursor); // Move to the next page
+    }
+  };
 
+  const handlePrevPage = () => {
+    if (cursorHistory.length > 0) {
+      const prevCursor = cursorHistory[cursorHistory.length - 1]; // Get last cursor
+      setCursorHistory((prev) => prev.slice(0, -1)); // Remove last cursor from history
+      setCurrentCursor(prevCursor ?? undefined); // Move to previous page
+    }
+  };
   const columns: ColumnDef<ideaType, unknown>[] = [
     {
       accessorKey: "numberOfPeople",
@@ -137,8 +156,8 @@ export default function TeamsIdeasTable() {
           <DataTable
             columns={columns}
             data={ideasData?.idea}
-            handleNextPage={() => setCurrentPage((prev) => prev + 1)}
-            handlePrevPage={() => setCurrentPage((prev) => prev - 1)}
+            handleNextPage={handleNextPage}
+            handlePrevPage={handlePrevPage}
             setPageLimit={setPageLimit}
             pageLimit={pageLimit}
           />