fix: list pagination

src/pages/resources/components/gpus.tsx

@@ -24,18 +24,13 @@ const GPUList: React.FC = () => {
     perPage: 10,
     search: ''
   });
-  const handleShowSizeChange = (current: number, size: number) => {
-    setQueryParams({
-      ...queryParams,
-      perPage: size
-    });
-  };
 
   const handlePageChange = (page: number, perPage: number | undefined) => {
     console.log(page, perPage);
     setQueryParams({
       ...queryParams,
-      page: page
+      page: page,
+      perPage: perPage || 10
     });
   };
 
@@ -109,8 +104,7 @@ const GPUList: React.FC = () => {
           pageSize: queryParams.perPage,
           current: queryParams.page,
           total: total,
-          hideOnSinglePage: true,
-          onShowSizeChange: handleShowSizeChange,
+          hideOnSinglePage: queryParams.perPage === 10,
           onChange: handlePageChange
         }}
       >

src/pages/resources/components/workers.tsx

@@ -50,7 +50,8 @@ const Resources: React.FC = () => {
   const handleShowSizeChange = (current: number, size: number) => {
     setQueryParams({
       ...queryParams,
-      perPage: size
+      page: current,
+      perPage: size || 10
     });
   };
 
@@ -58,7 +59,8 @@ const Resources: React.FC = () => {
     console.log(page, perPage);
     setQueryParams({
       ...queryParams,
-      page: page
+      page: page,
+      perPage: perPage || 10
     });
   };
 
@@ -199,8 +201,7 @@ const Resources: React.FC = () => {
           pageSize: queryParams.perPage,
           current: queryParams.page,
           total: total,
-          hideOnSinglePage: true,
-          onShowSizeChange: handleShowSizeChange,
+          hideOnSinglePage: queryParams.perPage === 10,
           onChange: handlePageChange
         }}
       >

src/pages/resources/index.tsx

@@ -2,7 +2,7 @@ import { PageContainer } from '@ant-design/pro-components';
 import { useIntl } from '@umijs/max';
 import type { TabsProps } from 'antd';
 import { Tabs } from 'antd';
-import { StrictMode, useState } from 'react';
+import { useState } from 'react';
 import GPUs from './components/gpus';
 import Workers from './components/workers';
 
@@ -29,7 +29,7 @@ const Resources = () => {
   };
 
   return (
-    <StrictMode>
+    <>
       <PageContainer
         ghost
         header={{
@@ -47,7 +47,7 @@ const Resources = () => {
           ></Tabs>
         </div>
       </PageContainer>
-    </StrictMode>
+    </>
   );
 };