fix(ui): block multiple paging req while fetching data (#18436)

openmetadata-ui/src/main/resources/ui/src/components/Classifications/ClassificationDetails/ClassificationDetails.tsx

@@ -521,9 +521,10 @@ const ClassificationDetails = forwardRef(
             size="small"
           />
 
-          {showPagination && !isTagsLoading && (
+          {showPagination && (
             <NextPrevious
               currentPage={currentPage}
+              isLoading={isTagsLoading}
               pageSize={pageSize}
               paging={paging}
               pagingHandler={handleTagsPageChange}

openmetadata-ui/src/main/resources/ui/src/components/Dashboard/DataModel/DataModels/DataModelsTable.tsx

@@ -183,6 +183,7 @@ const DataModelTable = () => {
         {showPagination && (
           <NextPrevious
             currentPage={currentPage}
+            isLoading={isLoading}
             pageSize={pageSize}
             paging={paging}
             pagingHandler={handleDataModelPageChange}

openmetadata-ui/src/main/resources/ui/src/components/DataQuality/TestSuite/TestSuiteList/TestSuites.component.tsx

@@ -344,6 +344,7 @@ export const TestSuites = () => {
           <NextPrevious
             isNumberBased
             currentPage={currentPage}
+            isLoading={isLoading}
             pageSize={pageSize}
             paging={paging}
             pagingHandler={handleTestSuitesPageChange}

openmetadata-ui/src/main/resources/ui/src/components/Database/DatabaseSchema/DatabaseSchemaTable/DatabaseSchemaTable.tsx

@@ -206,6 +206,7 @@ export const DatabaseSchemaTable = ({
         {showPagination && (
           <NextPrevious
             currentPage={currentPage}
+            isLoading={isLoading}
             isNumberBased={Boolean(searchValue)}
             pageSize={pageSize}
             paging={paging}

openmetadata-ui/src/main/resources/ui/src/components/Database/Profiler/TableProfiler/QualityTab/QualityTab.component.tsx

@@ -176,6 +176,7 @@ export const QualityTab = () => {
                 <NextPrevious
                   isNumberBased
                   currentPage={currentPage}
+                  isLoading={isTestsLoading}
                   pageSize={pageSize}
                   paging={paging}
                   pagingHandler={handleTestCasePageChange}

openmetadata-ui/src/main/resources/ui/src/components/Glossary/GlossaryTerms/tabs/AssetsTabs.component.tsx

@@ -631,6 +631,7 @@ const AssetsTabs = forwardRef(
               <NextPrevious
                 isNumberBased
                 currentPage={currentPage}
+                isLoading={isLoading}
                 pageSize={pageSize}
                 paging={paging}
                 pagingHandler={({ currentPage }: PagingHandlerParams) =>

openmetadata-ui/src/main/resources/ui/src/components/Settings/Applications/AppRunsHistory/AppRunsHistory.component.tsx

@@ -308,6 +308,7 @@ const AppRunsHistory = forwardRef(
             <NextPrevious
               isNumberBased
               currentPage={currentPage}
+              isLoading={isLoading}
               pageSize={pageSize}
               paging={paging}
               pagingHandler={handleAppHistoryPageChange}

openmetadata-ui/src/main/resources/ui/src/components/Settings/Bot/BotListV1/BotListV1.component.tsx

@@ -317,6 +317,7 @@ const BotListV1 = ({
         {showPagination && (
           <NextPrevious
             currentPage={currentPage}
+            isLoading={loading}
             pageSize={pageSize}
             paging={paging}
             pagingHandler={handleBotPageChange}

openmetadata-ui/src/main/resources/ui/src/components/Settings/Services/Ingestion/IngestionListTable/IngestionListTable.tsx

@@ -362,6 +362,7 @@ function IngestionListTable({
             <Col span={24}>
               <NextPrevious
                 currentPage={ingestionPagingInfo.currentPage}
+                isLoading={isLoading}
                 isNumberBased={isNumberBasedPaging}
                 pageSize={ingestionPagingInfo.pageSize}
                 paging={ingestionPagingInfo.paging}

openmetadata-ui/src/main/resources/ui/src/components/Settings/Services/Services.tsx

@@ -525,6 +525,7 @@ const Services = ({ serviceName }: ServicesProps) => {
         {showPagination && (
           <NextPrevious
             currentPage={currentPage}
+            isLoading={isLoading}
             isNumberBased={!isEmpty(searchTerm)}
             pageSize={pageSize}
             paging={paging}

openmetadata-ui/src/main/resources/ui/src/components/Settings/Team/TeamDetails/UserTab/UserTab.component.tsx

@@ -401,6 +401,7 @@ export const UserTab = ({
         {showPagination && (
           <NextPrevious
             currentPage={currentPage}
+            isLoading={isLoading}
             isNumberBased={Boolean(searchText)}
             pageSize={pageSize}
             paging={paging}

openmetadata-ui/src/main/resources/ui/src/components/common/NextPrevious/NextPrevious.interface.ts

@@ -27,6 +27,7 @@ interface BasicProps {
   pageSize: number;
   currentPage: number;
   isNumberBased?: boolean;
+  isLoading?: boolean;
 }
 
 export interface PagingProps {

openmetadata-ui/src/main/resources/ui/src/components/common/NextPrevious/NextPrevious.tsx

@@ -37,6 +37,7 @@ const NextPrevious: FC<NextPreviousProps> = ({
   pageSize,
   isNumberBased = false,
   currentPage = 1,
+  isLoading,
   ...pagingProps
 }: NextPreviousProps) => {
   const { t } = useTranslation();
@@ -91,7 +92,7 @@ const NextPrevious: FC<NextPreviousProps> = ({
         ghost
         className="hover-button text-sm flex-center"
         data-testid="previous"
-        disabled={computePrevDisableState()}
+        disabled={computePrevDisableState() || isLoading}
         icon={<ArrowLeftOutlined />}
         type="primary"
         onClick={onPreviousHandler}>
@@ -105,7 +106,7 @@ const NextPrevious: FC<NextPreviousProps> = ({
         ghost
         className="hover-button text-sm flex-center"
         data-testid="next"
-        disabled={computeNextDisableState()}
+        disabled={computeNextDisableState() || isLoading}
         type="primary"
         onClick={onNextHandler}>
         <span> {t('label.next')}</span>
@@ -113,6 +114,7 @@ const NextPrevious: FC<NextPreviousProps> = ({
       </Button>
       {onShowSizeChange && (
         <Dropdown
+          disabled={isLoading}
           menu={{
             items: pageSizeOptions.map((size) => ({
               label: `${size} / Page`,

openmetadata-ui/src/main/resources/ui/src/pages/APICollectionPage/APIEndpointsTab.tsx

@@ -185,6 +185,7 @@ function APIEndpointsTab({
         <Col span={24}>
           <NextPrevious
             currentPage={currentEndpointsPage}
+            isLoading={apiEndpointsLoading}
             pageSize={PAGE_SIZE}
             paging={apiEndpoints.paging}
             pagingHandler={endpointPaginationHandler}

openmetadata-ui/src/main/resources/ui/src/pages/Application/ApplicationPage.tsx

@@ -199,6 +199,7 @@ const ApplicationPage = () => {
               {showPagination && (
                 <NextPrevious
                   currentPage={currentPage}
+                  isLoading={isLoading}
                   pageSize={pageSize}
                   paging={paging}
                   pagingHandler={handleApplicationPageChange}

openmetadata-ui/src/main/resources/ui/src/pages/CustomPageSettings/CustomPageSettings.tsx

@@ -211,6 +211,7 @@ export const CustomPageSettings = () => {
           {showPagination && (
             <NextPrevious
               currentPage={currentPage}
+              isLoading={isLoading}
               pageSize={pageSize}
               paging={paging}
               pagingHandler={handlePersonaPageChange}

openmetadata-ui/src/main/resources/ui/src/pages/DataInsightPage/KPIList.tsx

@@ -251,6 +251,7 @@ const KPIList = () => {
         <Col span={24}>
           <NextPrevious
             currentPage={kpiPage}
+            isLoading={isLoading}
             pageSize={PAGE_SIZE_MEDIUM}
             paging={kpiPaging}
             pagingHandler={kpiPagingHandler}

openmetadata-ui/src/main/resources/ui/src/pages/DatabaseSchemaPage/SchemaTablesTab.tsx

@@ -176,6 +176,7 @@ function SchemaTablesTab({
         <Col span={24}>
           <NextPrevious
             currentPage={currentTablesPage}
+            isLoading={tableDataLoading}
             pageSize={PAGE_SIZE}
             paging={tableData.paging}
             pagingHandler={tablePaginationHandler}

openmetadata-ui/src/main/resources/ui/src/pages/MarketPlacePage/MarketPlacePage.tsx

@@ -153,6 +153,7 @@ const MarketPlacePage = () => {
           {showPagination && (
             <NextPrevious
               currentPage={currentPage}
+              isLoading={isLoading}
               pageSize={pageSize}
               paging={paging}
               pagingHandler={handleMarketPlacePageChange}

openmetadata-ui/src/main/resources/ui/src/pages/MetricsPage/MetricListPage/MetricListPage.tsx

@@ -291,6 +291,7 @@ const MetricListPage = () => {
           {showPagination && (
             <NextPrevious
               currentPage={currentPage}
+              isLoading={loadingMore}
               pageSize={pageSize}
               paging={paging}
               pagingHandler={onPageChange}

openmetadata-ui/src/main/resources/ui/src/pages/NotificationListPage/NotificationListPage.tsx

@@ -275,6 +275,7 @@ const NotificationListPage = () => {
           {showPagination && (
             <NextPrevious
               currentPage={currentPage}
+              isLoading={loadingCount > 0}
               pageSize={pageSize}
               paging={paging}
               pagingHandler={onPageChange}

openmetadata-ui/src/main/resources/ui/src/pages/ObservabilityAlertsPage/ObservabilityAlertsPage.tsx

@@ -242,6 +242,7 @@ const ObservabilityAlertsPage = () => {
           {showPagination && (
             <NextPrevious
               currentPage={currentPage}
+              isLoading={loading}
               pageSize={pageSize}
               paging={paging}
               pagingHandler={onPageChange}

openmetadata-ui/src/main/resources/ui/src/pages/Persona/PersonaListPage/PersonaPage.tsx

@@ -162,6 +162,7 @@ export const PersonaPage = () => {
           <Col span={24}>
             <NextPrevious
               currentPage={currentPage}
+              isLoading={isLoading}
               pageSize={pageSize}
               paging={paging}
               pagingHandler={handlePersonaPageChange}

openmetadata-ui/src/main/resources/ui/src/pages/PoliciesPage/PoliciesListPage/PoliciesListPage.tsx

@@ -337,6 +337,7 @@ const PoliciesListPage = () => {
           {showPagination && (
             <NextPrevious
               currentPage={currentPage}
+              isLoading={isLoading}
               pageSize={pageSize}
               paging={paging}
               pagingHandler={handlePaging}

openmetadata-ui/src/main/resources/ui/src/pages/RolesPage/RolesListPage/RolesListPage.tsx

@@ -335,6 +335,7 @@ const RolesListPage = () => {
           {showPagination && (
             <NextPrevious
               currentPage={currentPage}
+              isLoading={isLoading}
               pageSize={pageSize}
               paging={paging}
               pagingHandler={handlePaging}

openmetadata-ui/src/main/resources/ui/src/pages/ServiceDetailsPage/ServiceMainTabContent.tsx

@@ -214,6 +214,7 @@ function ServiceMainTabContent({
                         !isEmpty(data) && (
                           <NextPrevious
                             currentPage={currentPage}
+                            isLoading={isServiceLoading}
                             pageSize={PAGE_SIZE}
                             paging={paging}
                             pagingHandler={pagingHandler}

openmetadata-ui/src/main/resources/ui/src/pages/ServiceVersionPage/ServiceVersionMainTabContent.tsx

@@ -94,6 +94,7 @@ function ServiceVersionMainTabContent({
                 !isEmpty(data) && (
                   <NextPrevious
                     currentPage={currentPage}
+                    isLoading={isServiceLoading}
                     pageSize={PAGE_SIZE}
                     paging={paging}
                     pagingHandler={pagingHandler}

openmetadata-ui/src/main/resources/ui/src/pages/StoredProcedure/StoredProcedureTab.tsx

@@ -157,6 +157,7 @@ const StoredProcedureTab = () => {
         {showPagination && (
           <NextPrevious
             currentPage={currentPage}
+            isLoading={isLoading}
             pageSize={pageSize}
             paging={paging}
             pagingHandler={storedProcedurePagingHandler}

openmetadata-ui/src/main/resources/ui/src/pages/UserListPage/UserListPageV1.tsx

@@ -476,6 +476,7 @@ const UserListPageV1 = () => {
           {showPagination && (
             <NextPrevious
               currentPage={currentPage}
+              isLoading={isDataLoading}
               isNumberBased={Boolean(searchValue)}
               pageSize={pageSize}
               paging={paging}