Setup pagination for question service function and frontend component

Author: bensohh

apps/question-service/src/app/page.tsx

@@ -37,7 +37,7 @@ export default function Home() {
   const [totalCount, setTotalCount] = useState<number | undefined>(undefined); // Store the total count of questions
   const [totalPages, setTotalPages] = useState<number | undefined>(undefined); // Store the total number of pages
   const [currentPage, setCurrentPage] = useState<number | undefined>(undefined); // Store the current page
-  const [limit, setLimit] = useState<number | undefined>(undefined); // Store the quantity of questions to be displayed
+  const [limit, setLimit] = useState<number | undefined>(10); // Store the quantity of questions to be displayed
   const [isLoading, setIsLoading] = useState<boolean>(true); // Store the states related to table's loading
 
   // Filtering States
@@ -78,15 +78,15 @@ export default function Home() {
       setIsLoading(true);
     }
 
-    GetQuestions().then((data) => {
+    GetQuestions(currentPage, limit).then((data) => {
       setQuestions(data.questions);
       setTotalCount(data.totalCount);
       setTotalPages(data.totalPages);
       setCurrentPage(data.currentPage);
       setLimit(data.limit);
       setIsLoading(false);
     });
-  }, []);
+  }, [limit, currentPage]);
 
   // Table column specification
   const columns: TableProps<Question>["columns"] = [
@@ -167,6 +167,8 @@ export default function Home() {
     current,
     pageSize
   ) => {
+    console.log(current);
+    console.log(pageSize);
     setCurrentPage(current);
     setLimit(pageSize);
   };
@@ -256,7 +258,7 @@ export default function Home() {
                   total: totalCount,
                   showSizeChanger: true,
                   onShowSizeChange: onShowSizeChange,
-                  showQuickJumper: true,
+                  // showQuickJumper: true,
                   onChange: onPageJump,
                 }}
               />

apps/question-service/src/app/services/question.ts

@@ -30,7 +30,7 @@ export const GetQuestions = async (
   let query_params = "";
 
   if (currentPage) {
-    query_params += `?currentPage=${currentPage}`;
+    query_params += `?offset=${(currentPage - 1) * 10}`;
   }
 
   if (limit) {