PEER-248: Use given data

Author: cyiting

frontend/src/assets/dummyData.ts

@@ -1,4 +1,6 @@
-export const questions = [
+import { Question } from '@/types/question-types';
+
+export const questionDetails = [
   {
     id: 1,
     title: 'Reverse a String',
@@ -176,3 +178,11 @@ export const questions = [
     leetcode: 'https://leetcode.com/problems/trips-and-users/',
   },
 ];
+
+export const questions: Question[] = questionDetails.map((question) => ({
+  id: question.id,
+  title: question.title,
+  difficulty: question.difficulty as 'Easy' | 'Medium' | 'Hard',
+  topics: question.topics,
+  attempted: false,
+}));

frontend/src/assets/questions.ts

@@ -39,10 +39,10 @@ export const columns: ColumnDef<Question>[] = [
     filterFn: 'equals',
   },
   {
-    accessorKey: 'topic',
+    accessorKey: 'topics',
     header: 'Topics',
     cell: ({ row }) => {
-      const topics: string[] = row.getValue('topic');
+      const topics: string[] = row.getValue('topics');
       return (
         <div>
           {topics.map((topic) => (

frontend/src/routes/questions/table-columns.tsx

@@ -1,14 +1,14 @@
 // import { questionApiClient } from "./api-clients"
-import { dummyData } from '@/assets/dummyData';
-import { questions } from '@/assets/questions';
+import { questionDetails, questions } from '@/assets/questions';
 import { IGetQuestionsResponse } from '@/types/question-types';
 
-type Question = (typeof questions)[number];
+type QuestionDetails = (typeof questionDetails)[number];
 
-export const getQuestionDetails = (questionId: number): Promise<Question> => {
+export const getQuestionDetails = (questionId: number): Promise<QuestionDetails> => {
   // return questionApiClient.get
+  console.log(questionDetails.find(({ id }) => id === questionId));
   return new Promise((resolve, _reject) => {
-    setTimeout(() => resolve(questions.find(({ id }) => id === questionId)!), 1000);
+    setTimeout(() => resolve(questionDetails.find(({ id }) => id === questionId)!), 1000);
   });
 };
 
@@ -18,8 +18,9 @@ export async function fetchQuestions(pageParam: number = 0): Promise<IGetQuestio
   const start = pageParam * ROWS_PER_PAGE;
   const end = start + ROWS_PER_PAGE;
   await new Promise((r) => setTimeout(r, 10));
+
   return {
-    questions: dummyData.slice(start, end),
-    totalQuestions: dummyData.length,
+    questions: questions.slice(start, end),
+    totalQuestions: questions.length,
   };
 }

frontend/src/services/question-service.ts

@@ -2,7 +2,7 @@ export type Question = {
   id: number;
   title: string;
   difficulty: 'Easy' | 'Medium' | 'Hard';
-  topic: Array<string>;
+  topics: Array<string>;
   attempted: boolean;
 };