пагинация и запросы страниц с заявками

src/api/result.ts

@@ -1,10 +1,10 @@
 import { makeRequest } from "@frontend/kitui";
 
-async function getResultList(quizId, body?: any) {
+async function getResultList(quizId, page: number, body: any) {
   return makeRequest<unknown, unknown>({
     url: process.env.REACT_APP_DOMAIN + `/squiz/results/getResults/${quizId}`,
     method: "POST",
-    body: { page: 0, limit: 10, ...body },
+    body: { page: page, limit: 10, ...body },
   });
 }
 

src/pages/QuizAnswersPage/QuizAnswersPage.tsx

@@ -8,6 +8,7 @@ import {
   useMediaQuery,
   Skeleton,
   FormControl,
+  Pagination,
 } from "@mui/material";
 import { Select } from "../../pages/Questions/Select";
 import moment from "moment";
@@ -58,6 +59,7 @@ export const QuizAnswersPage: FC = () => {
   const isMobile = useMediaQuery(theme.breakpoints.down(600));
 
   const [filterModalOpen, setFilterModalOpen] = useState<boolean>(false);
+  const [page, setPage] = useState(1);
   const [exportContactsModalOpen, setExportContactsModalOpen] =
     useState<boolean>(false);
   const [filterNew, setFilterNew] = useState<string>("Все заявки");
@@ -74,6 +76,8 @@ export const QuizAnswersPage: FC = () => {
   const { editQuizId } = useQuizStore();
   const { results } = useResultStore();
   const { total_count } = useResultStore();
+  const countPagination = Math.ceil(total_count / 10);
+  const pageRec = page - 1;
   // const {idResultArray, addIdResult, clearIdResultArray} = useObsolescenceIdResult()
   useEffect(() => {
     getData();
@@ -135,7 +139,7 @@ export const QuizAnswersPage: FC = () => {
       const questions = await questionApi.getList({ quiz_id: editQuizId });
       setQuestions(questions);
 
-      const result = await resultApi.getList(editQuizId, parseFilters());
+      const result = await resultApi.getList(editQuizId, 0, parseFilters());
       setResults(result);
     }
   };
@@ -226,6 +230,7 @@ export const QuizAnswersPage: FC = () => {
                 onClick={async () => {
                   const result = await resultApi.getList(
                     editQuizId,
+                    pageRec,
                     parseFilters(),
                   );
                   console.log(result);
@@ -294,6 +299,19 @@ export const QuizAnswersPage: FC = () => {
             )}
           </Box>
         </Box>
+        <Pagination
+          count={countPagination}
+          page={page}
+          onChange={async (e, value) => {
+            setPage(value);
+            const result = await resultApi.getList(
+              editQuizId,
+              pageRec,
+              parseFilters(),
+            );
+            setResults(result);
+          }}
+        />
 
         {!isTablet && (
           <Box