bug-fix 8470 support added (#8475)

Author: veetmoradiya3628

config-ui/src/routes/api-keys/api-keys.tsx

@@ -33,7 +33,7 @@ import * as S from './styled';
 export const ApiKeys = () => {
   const [version, setVersion] = useState(1);
   const [page, setPage] = useState(1);
-  const [pageSize] = useState(20);
+  const [pageSize, setPageSize] = useState(20);
   const [operating, setOperating] = useState(false);
   const [modal, setModal] = useState<'create' | 'show' | 'delete'>();
   const [currentId, setCurrentId] = useState<string>();
@@ -155,7 +155,12 @@ export const ApiKeys = () => {
           current: page,
           pageSize,
           total,
-          onChange: setPage,
+          onChange: ((newPage: number, newPageSize: number) => {
+            setPage(newPage);
+            if (newPageSize !== pageSize) {
+              setPageSize(newPageSize);
+            }
+          }) as (newPage: number) => void,
         }}
       />
       {modal === 'create' && (

config-ui/src/routes/blueprint/home/index.tsx

@@ -36,7 +36,7 @@ export const BlueprintHomePage = () => {
   const [version, setVersion] = useState(1);
   const [type, setType] = useState('all');
   const [page, setPage] = useState(1);
-  const [pageSize] = useState(20);
+  const [pageSize, setPageSize] = useState(20);
   const [open, setOpen] = useState(false);
   const [name, setName] = useState('');
   const [mode, setMode] = useState(IBPMode.NORMAL);
@@ -212,7 +212,12 @@ export const BlueprintHomePage = () => {
             current: page,
             pageSize,
             total,
-            onChange: setPage,
+            onChange: ((newPage: number, newPageSize: number) => {
+              setPage(newPage);
+              if (newPageSize !== pageSize) {
+                setPageSize(newPageSize);
+              }
+            }) as (newPage: number) => void,
           }}
         />
       </Flex>

config-ui/src/routes/pipeline/pipelines.tsx

@@ -26,7 +26,7 @@ import { PipelineTable } from './components';
 
 export const Pipelines = () => {
   const [page, setPage] = useState(1);
-  const [pageSize] = useState(20);
+  const [pageSize, setPageSize] = useState(20);
 
   const { ready, data } = useRefreshData(() => API.pipeline.list({ page, pageSize }), [page, pageSize]);
 
@@ -46,7 +46,12 @@ export const Pipelines = () => {
           current: page,
           pageSize,
           total,
-          onChange: setPage,
+          onChange: ((newPage: number, newPageSize: number) => {
+            setPage(newPage);
+            if (newPageSize !== pageSize) {
+              setPageSize(newPageSize);
+            }
+          }) as (newPage: number) => void,
         }}
       />
     </PageHeader>

config-ui/src/routes/project/home/index.tsx

@@ -34,7 +34,7 @@ import { IBlueprint } from '@/types';
 export const ProjectHomePage = () => {
   const [version, setVersion] = useState(1);
   const [page, setPage] = useState(1);
-  const [pageSize] = useState(20);
+  const [pageSize, setPageSize] = useState(20);
   const [open, setOpen] = useState(false);
   const [name, setName] = useState('');
   const [saving, setSaving] = useState(false);
@@ -226,7 +226,12 @@ export const ProjectHomePage = () => {
           current: page,
           pageSize,
           total,
-          onChange: setPage,
+          onChange: ((newPage: number, newPageSize: number) => {
+            setPage(newPage);
+            if (newPageSize !== pageSize) {
+              setPageSize(newPageSize);
+            }
+          }) as (newPage: number) => void,
         }}
       />
       <Modal