Fix rendering of questions in table

Author: tingkai-mai

frontend/src/api/leetcode-dashboard.tsx

@@ -1,11 +1,13 @@
-import { QuestionDifficulty, QuestionMinified } from "@/types/find-match";
+import { QuestionMinified } from "@/types/find-match";
 
 const QUESTION_SERVICE = process.env.NEXT_PUBLIC_QUESTION_SERVICE;
 
-export const getLeetcodeDashboardData = async () => {
+export const getLeetcodeDashboardData = async (): Promise<
+  QuestionMinified[]
+> => {
   const url = `${QUESTION_SERVICE}/all`;
   const response = await fetch(url);
   const data = await response.json();
   console.log(data);
   return data;
-}
+};

frontend/src/app/(auth)/leetcode-dashboard/LeetcodeDashboardTable.tsx

@@ -37,22 +37,29 @@ const Cell = ({
 
 export const columns: ColumnDef<QuestionMinified>[] = [
   {
-    accessorKey: "questionId",
+    accessorKey: "questionid",
     header: () => <Cell>ID</Cell>,
     cell: ({ row }) => (
-      <Cell className="capitalize">{row.getValue("questionId")}</Cell>
+      <Cell className="capitalize">{row.getValue("questionid")}</Cell>
     ),
   },
   {
-    accessorKey: "questionTitle",
+    accessorKey: "title",
     header: () => <Cell>Question Title</Cell>,
-    cell: ({ row }) => <Cell>{row.getValue("questionTitle")}</Cell>,
+    cell: ({ row }) => <Cell>{row.getValue("title")}</Cell>,
   },
   {
-    accessorKey: "questionDifficulty",
+    accessorKey: "complexity",
     header: () => <Cell>Difficulty</Cell>,
     cell: ({ row }) => {
-      return <Cell>{row.getValue("questionDifficulty")}</Cell>;
+      return <Cell>{row.getValue("complexity")}</Cell>;
+    },
+  },
+  {
+    accessorKey: "category",
+    header: () => <Cell>Topics</Cell>,
+    cell: ({ row }) => {
+      return <Cell>{row.getValue("category")}</Cell>;
     },
   },
   {
@@ -79,7 +86,7 @@ export function LeetcodeDashboardTable() {
     pageIndex: 0,
     pageSize: 10,
   });
-  
+
   React.useEffect(() => {
     getLeetcodeDashboardData().then((data) => setData(data));
   }, []);

frontend/src/app/(auth)/leetcode-dashboard/page.tsx

@@ -34,7 +34,7 @@ const LeetcodeDashboard = () => {
           <AddQuestionDialog />
         </Dialog>
       </div>
-      {/* <LeetcodeDashboardTable /> */}
+      <LeetcodeDashboardTable />
     </Container>
   );
 };

frontend/src/types/find-match.tsx

@@ -78,7 +78,7 @@ export enum QuestionTopics {
 }
 
 export interface QuestionMinified {
-  questionId: string;
-  questionTitle: string;
-  questionDifficulty: string;
+  questionid: string;
+  title: string;
+  complexity: string;
 }