ideas FINALLY WORKING OMG

Author: abhitrueprogrammer

src/api/fetchIdeas.ts

@@ -32,11 +32,14 @@ const ideaSchema = z.object({
 });
 
 export const ideasResponseSchema = z.object({
-  status: z.string(), // Ensures the status is always "success"
+  status: z.string(),
   message: z.string(),
-  data: z.array(ideaSchema),
-  next_cursor: z.string().nullable(),
+  data: z.object({
+    ideas: z.array(ideaSchema).nullable(),
+    next_cursor: z.string().nullable(),
+  }),
 });
+
 export type ideaType = z.infer<typeof ideaSchema>;
 
 export type ideaResponseType = z.infer<typeof ideasResponseSchema>;
@@ -60,18 +63,21 @@ export const fetchIdeas = async ({
     } else if (cursorId) {
       params.append("cursor", cursorId);
     }
-    const url = track !== ""? `admin/ideas/${track}?${params.toString()}` : `admin/ideas?${params.toString()}`;
+    const url =
+      track !== ""
+        ? `admin/ideas/${track}?${params.toString()}`
+        : `admin/ideas?${params.toString()}`;
 
     const response = await axios.get<ideaResponseType>(url);
     const parsedResponse = ideasResponseSchema.parse(response.data);
     console.log(parsedResponse.data);
 
     //send in next cursor when data is done
-    const nextCursor = parsedResponse.next_cursor;
+    const nextCursor = parsedResponse.data.next_cursor;
 
     return {
       idea: parsedResponse.data,
-      nextCursor,
+      nextCursor,   
     };
   } catch (err) {
     console.log(err);

src/app/idea/page.tsx

@@ -15,39 +15,39 @@ import loading from "@/assets/images/loading.gif";
 import Image from "next/image";
 
 import { type Team } from "@/data/schema";
-import { useQuery } from "@tanstack/react-query";
+import { useQuery, useQueryClient } from "@tanstack/react-query";
 import { type ColumnDef } from "@tanstack/react-table";
 import { useEffect, useState } from "react";
+import toast from "react-hot-toast";
 
 export default function TeamsIdeasTable() {
+  const queryClient = useQueryClient();
   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);
   const [selectedTrack, setSelectedTrack] = useState<string>("");
   const tracks = [
     "Media and Entertainment",
     "Finance and Fintech",
     "Healthcare and Education",
-    "Digital Security",
-    "Environment and Sustainability",
     "Environment and Sustainability",
+    "Digital Security",
     "Open Innovation",
   ];
   const {
     data: ideasData,
     isLoading: ideasLoading,
     isError: ideasError,
   } = useQuery({
-    queryKey: ["idea", currentPage, pageLimit],
+    queryKey: ["idea", currentCursor, pageLimit],
     queryFn: () =>
       fetchIdeas({
         limit: pageLimit,
-        cursorId: undefined,
+        cursorId: currentCursor,
         track: selectedTrack,
       }),
   });
@@ -58,7 +58,12 @@ export default function TeamsIdeasTable() {
       setCurrentCursor(ideasData.nextCursor); // Move to the next page
     }
   };
-
+  useEffect(() => {
+    void queryClient.invalidateQueries({
+      queryKey: ["idea"],
+    });
+    toast.error(selectedTrack);
+  }, [selectedTrack]);
   const handlePrevPage = () => {
     if (cursorHistory.length > 0) {
       const prevCursor = cursorHistory[cursorHistory.length - 1]; // Get last cursor
@@ -133,7 +138,7 @@ export default function TeamsIdeasTable() {
   if (ideasError) {
     return (
       <div className="flex justify-center p-8">
-        <div className="text-lg text-red-500">Error loading teams data</div>
+        <div className="text-lg text-red-500">Error loading ideas</div>
       </div>
     );
   }
@@ -153,28 +158,30 @@ export default function TeamsIdeasTable() {
             onChange={(e) => setSearchTerm(e.target.value)}
           />
           <Select
-            value={selectedTrack ?? "all"}
-            onValueChange={(value) =>
-              setSelectedTrack(value === "all" ? "" : value)
-            }
+            value={selectedTrack ?? ""}
+            onValueChange={(value) => {
+              setSelectedTrack(
+                value === "all" ? "" : String(Number(value) ),
+              );
+            }}
           >
             <SelectTrigger className="w-48 p-6">
               <SelectValue placeholder="Filter by track" />
             </SelectTrigger>
             <SelectContent>
               <SelectItem value="all">All Tracks</SelectItem>
               {tracks.map((track, index) => (
-                <SelectItem key={track} value={String(index)}>
+                <SelectItem key={track} value={String(index + 1)}>
                   {track}
                 </SelectItem>
               ))}
             </SelectContent>
           </Select>
         </div>
-        {ideasData?.idea && (
+        { (
           <DataTable
             columns={columns}
-            data={ideasData?.idea}
+            data={ideasData?.idea.ideas ?? []}
             handleNextPage={handleNextPage}
             handlePrevPage={handlePrevPage}
             setPageLimit={setPageLimit}