Fix: limit change after pagination (#18844)

* fix: limit change after pagination

* refactor: getOtherDetails function

* refactor: remove limit parameter

---------

Co-authored-by: Ashish Gupta <ashish@getcollate.io>
This commit is contained in:
Pranita Fulsundar 2024-12-03 18:21:59 +05:30 committed by GitHub
parent 7c6f5e67dd
commit e3e686fbd9
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 18 additions and 16 deletions

View File

@ -133,7 +133,6 @@ const Services = ({ serviceName }: ServicesProps) => {
after,
before,
filters,
limit,
}: {
search?: string;
limit?: number;
@ -151,7 +150,7 @@ const Services = ({ serviceName }: ServicesProps) => {
} = await searchService({
search,
searchIndex,
limit: limit ?? pageSize,
limit: pageSize,
currentPage,
filters,
deleted,
@ -164,7 +163,7 @@ const Services = ({ serviceName }: ServicesProps) => {
} else {
const { data, paging } = await getServices({
serviceName,
limit: limit ?? pageSize,
limit: pageSize,
after,
before,
include: deleted ? Include.Deleted : Include.NonDeleted,
@ -192,7 +191,7 @@ const Services = ({ serviceName }: ServicesProps) => {
setIsLoading(false);
}
},
[searchIndex, serviceName, deleted]
[searchIndex, serviceName, deleted, pageSize]
);
const handleServicePageChange = useCallback(

View File

@ -240,6 +240,7 @@ const DatabaseSchemaPage: FunctionComponent = () => {
const res = await getTableList({
...params,
databaseSchema: decodedDatabaseSchemaFQN,
limit: pageSize,
include: showDeletedTables ? Include.Deleted : Include.NonDeleted,
});
setTableData(res.data);
@ -250,7 +251,7 @@ const DatabaseSchemaPage: FunctionComponent = () => {
setTableDataLoading(false);
}
},
[decodedDatabaseSchemaFQN, showDeletedTables]
[decodedDatabaseSchemaFQN, showDeletedTables, pageSize]
);
const onDescriptionEdit = useCallback((): void => {

View File

@ -181,7 +181,7 @@ const ServiceDetailsPage: FunctionComponent = () => {
const {
paging,
pageSize: databasePageSize,
pageSize,
currentPage,
handlePageChange,
handlePagingChange,
@ -513,44 +513,45 @@ const ServiceDetailsPage: FunctionComponent = () => {
async (paging?: PagingWithoutTotal) => {
try {
setIsServiceLoading(true);
const pagingParams = { ...paging, limit: pageSize };
switch (serviceCategory) {
case ServiceCategory.DATABASE_SERVICES: {
await fetchDatabases(paging);
await fetchDatabases(pagingParams);
break;
}
case ServiceCategory.MESSAGING_SERVICES: {
await fetchTopics(paging);
await fetchTopics(pagingParams);
break;
}
case ServiceCategory.DASHBOARD_SERVICES: {
await fetchDashboards(paging);
await fetchDashboards(pagingParams);
break;
}
case ServiceCategory.PIPELINE_SERVICES: {
await fetchPipeLines(paging);
await fetchPipeLines(pagingParams);
break;
}
case ServiceCategory.ML_MODEL_SERVICES: {
await fetchMlModal(paging);
await fetchMlModal(pagingParams);
break;
}
case ServiceCategory.STORAGE_SERVICES: {
await fetchContainers(paging);
await fetchContainers(pagingParams);
break;
}
case ServiceCategory.SEARCH_SERVICES: {
await fetchSearchIndexes(paging);
await fetchSearchIndexes(pagingParams);
break;
}
case ServiceCategory.API_SERVICES: {
await fetchCollections(paging);
await fetchCollections(pagingParams);
break;
}
@ -574,6 +575,7 @@ const ServiceDetailsPage: FunctionComponent = () => {
fetchContainers,
fetchSearchIndexes,
fetchCollections,
pageSize,
]
);
@ -853,8 +855,8 @@ const ServiceDetailsPage: FunctionComponent = () => {
useEffect(() => {
handlePageChange(INITIAL_PAGING_VALUE);
getOtherDetails({ limit: databasePageSize });
}, [activeTab, showDeleted, deleted, databasePageSize]);
getOtherDetails({ limit: pageSize });
}, [activeTab, showDeleted, deleted, pageSize]);
useEffect(() => {
// fetch count for data modal tab, its need only when its dashboard page and data modal tab is not active