diff --git a/catalog-rest-service/src/main/resources/ui/src/components/DashboardDetails/DashboardDetails.component.tsx b/catalog-rest-service/src/main/resources/ui/src/components/DashboardDetails/DashboardDetails.component.tsx index efcacbc0cb0..bca058c2341 100644 --- a/catalog-rest-service/src/main/resources/ui/src/components/DashboardDetails/DashboardDetails.component.tsx +++ b/catalog-rest-service/src/main/resources/ui/src/components/DashboardDetails/DashboardDetails.component.tsx @@ -418,12 +418,8 @@ const DashboardDetails = ({ /> ) : ( - - + + )} diff --git a/catalog-rest-service/src/main/resources/ui/src/pages/database-details/index.tsx b/catalog-rest-service/src/main/resources/ui/src/pages/database-details/index.tsx index f5efe683c8d..866874eef61 100644 --- a/catalog-rest-service/src/main/resources/ui/src/pages/database-details/index.tsx +++ b/catalog-rest-service/src/main/resources/ui/src/pages/database-details/index.tsx @@ -64,6 +64,7 @@ const DatabaseDetails: FunctionComponent = () => { const { databaseFQN } = useParams() as Record; const [isLoading, setIsLoading] = useState(true); const [database, setDatabase] = useState(); + const [serviceName, setServiceName] = useState(); const [data, setData] = useState>([]); const [databaseName, setDatabaseName] = useState( @@ -115,6 +116,7 @@ const DatabaseDetails: FunctionComponent = () => { getServiceById('databaseServices', service?.id).then( (resService: AxiosResponse) => { + setServiceName(resService.data.name); setSlashedTableName([ { name: resService.data.name, @@ -210,7 +212,7 @@ const DatabaseDetails: FunctionComponent = () => { history.push( `${getExplorePathWithSearch( appState.inPageSearchText - )}?database=${databaseName}` + )}?database=${databaseName}&service=${serviceName}` ); } }, [appState.inPageSearchText]); diff --git a/catalog-rest-service/src/main/resources/ui/src/pages/explore/ExplorePage.component.tsx b/catalog-rest-service/src/main/resources/ui/src/pages/explore/ExplorePage.component.tsx index 6203b24d23c..4c9e102cd10 100644 --- a/catalog-rest-service/src/main/resources/ui/src/pages/explore/ExplorePage.component.tsx +++ b/catalog-rest-service/src/main/resources/ui/src/pages/explore/ExplorePage.component.tsx @@ -44,7 +44,11 @@ import { getFilterString } from '../../utils/FilterUtils'; import { getTotalEntityCountByService } from '../../utils/ServiceUtils'; const ExplorePage: FunctionComponent = () => { - const initialFilter = getFilterString(getQueryParam(location.search)); + const initialFilter = getFilterString( + getQueryParam(location.search), + [], + true + ); const [isLoading, setIsLoading] = useState(true); const [isLoadingForData, setIsLoadingForData] = useState(true); const [error, setError] = useState(''); diff --git a/catalog-rest-service/src/main/resources/ui/src/utils/FilterUtils.js b/catalog-rest-service/src/main/resources/ui/src/utils/FilterUtils.js index bd8debbbc6f..ba3d5843a2a 100644 --- a/catalog-rest-service/src/main/resources/ui/src/utils/FilterUtils.js +++ b/catalog-rest-service/src/main/resources/ui/src/utils/FilterUtils.js @@ -1,4 +1,8 @@ -export const getFilterString = (filters, excludeFilters = []) => { +export const getFilterString = ( + filters, + excludeFilters = [], + restrictKeyModification = false +) => { const modifiedFilters = {}; for (const key in filters) { if (excludeFilters.includes(key)) { @@ -7,7 +11,8 @@ export const getFilterString = (filters, excludeFilters = []) => { const modifiedFilter = []; const filter = filters[key]; filter.forEach((value) => { - const modifiedKey = key === 'service' ? 'service type' : key; + const modifiedKey = + !restrictKeyModification && key === 'service' ? 'service type' : key; modifiedFilter.push(`${modifiedKey.split(' ').join('_')}:${value}`); }); modifiedFilters[key] = modifiedFilter;