diff --git a/hadoop-ozone/recon/src/main/resources/webapps/recon/ozone-recon-web/src/v2/components/nuMetadata/nuMetadata.tsx b/hadoop-ozone/recon/src/main/resources/webapps/recon/ozone-recon-web/src/v2/components/nuMetadata/nuMetadata.tsx index bcea9ab40cfb..875defd912ec 100644 --- a/hadoop-ozone/recon/src/main/resources/webapps/recon/ozone-recon-web/src/v2/components/nuMetadata/nuMetadata.tsx +++ b/hadoop-ozone/recon/src/main/resources/webapps/recon/ozone-recon-web/src/v2/components/nuMetadata/nuMetadata.tsx @@ -125,6 +125,7 @@ const NUMetadata: React.FC = ({ }) => { const [state, setState] = useState([]); const [isProcessingData, setIsProcessingData] = useState(false); + const [pgNumber, setPgNumber] = useState(1); // Individual API calls that resolve together const summaryAPI = useApiData( `/api/v1/namespace/summary?path=${path}`, @@ -359,6 +360,11 @@ const NUMetadata: React.FC = ({ } }, [path, getObjectInfoMapping]); + // Reset pagination when path changes + useEffect(() => { + setPgNumber(1); + }, [path]); + // Coordinate API calls - process data when both calls complete useEffect(() => { if (!summaryAPI.loading && !quotaAPI.loading && @@ -369,12 +375,20 @@ const NUMetadata: React.FC = ({ }, [summaryAPI.loading, quotaAPI.loading, summaryAPI.data, quotaAPI.data, summaryAPI.lastUpdated, quotaAPI.lastUpdated, processMetadata]); + const handleTableChange = (newPagination: any) => { + setPgNumber(newPagination.current); + }; + return (