diff --git a/catalog-rest-service/src/main/resources/ui/src/components/MyData/MyData.component.tsx b/catalog-rest-service/src/main/resources/ui/src/components/MyData/MyData.component.tsx index c0ea036aa20..679ea90cc50 100644 --- a/catalog-rest-service/src/main/resources/ui/src/components/MyData/MyData.component.tsx +++ b/catalog-rest-service/src/main/resources/ui/src/components/MyData/MyData.component.tsx @@ -83,6 +83,15 @@ const MyData: React.FC = ({ }); }; + const handleTabChange = (tab: number, filter: string) => { + if (currentTab !== tab) { + setIsEntityLoading(true); + setCurrentTab(tab); + setFilter(filter); + setCurrentPage(1); + } + }; + const getTabs = () => { return (
@@ -91,36 +100,21 @@ const MyData: React.FC = ({ className={`tw-pb-2 tw-px-4 tw-gh-tabs ${getActiveTabClass(1)}`} data-testid="tab" id="recentlyViewedTab" - onClick={() => { - setIsEntityLoading(true); - setCurrentTab(1); - setFilter(''); - setCurrentPage(1); - }}> + onClick={() => handleTabChange(1, '')}> Recently Viewed @@ -145,6 +139,7 @@ const MyData: React.FC = ({ setData(formatDataResponse(hits)); if (setAssetCount.current) { setAggregations(searchResult.data.aggregations); + setAssetCount.current = false; } setIsLoading(false); setIsEntityLoading(false); @@ -162,7 +157,6 @@ const MyData: React.FC = ({ useEffect(() => { isMounted.current = true; - setAssetCount.current = true; }, []); return (