diff --git a/openmetadata-ui/src/main/resources/ui/src/components/EntityLineage/LineageNodeLabelV1.tsx b/openmetadata-ui/src/main/resources/ui/src/components/EntityLineage/LineageNodeLabelV1.tsx index 407e94b3de8..cdc9d71105f 100644 --- a/openmetadata-ui/src/main/resources/ui/src/components/EntityLineage/LineageNodeLabelV1.tsx +++ b/openmetadata-ui/src/main/resources/ui/src/components/EntityLineage/LineageNodeLabelV1.tsx @@ -16,6 +16,7 @@ import { EntityLineageNodeType } from 'enums/entity.enum'; import { get } from 'lodash'; import React from 'react'; import { useTranslation } from 'react-i18next'; +import { getBreadcrumbsFromFqn } from 'utils/EntityUtils'; import { EntityReference } from '../../generated/type/entityReference'; import { getEntityIcon } from '../../utils/TableUtils'; import './lineage-node-label.less'; @@ -65,10 +66,29 @@ const EntityLabel = ({ node }: Pick) => { }; const LineageNodeLabelV1 = ({ node }: { node: EntityReference }) => { + const { t } = useTranslation(); + const breadcrumbs = getBreadcrumbsFromFqn(node.fullyQualifiedName ?? ''); + return ( -
-
- +
+
+ + {breadcrumbs.map((breadcrumb, index) => ( + + + {breadcrumb.name} + + {index !== breadcrumbs.length - 1 && ( + + {t('label.slash-symbol')} + + )} + + ))} + +
+ +
); diff --git a/openmetadata-ui/src/main/resources/ui/src/components/EntityLineage/custom-node.less b/openmetadata-ui/src/main/resources/ui/src/components/EntityLineage/custom-node.less index 29ba8b98df9..df269f4a11a 100644 --- a/openmetadata-ui/src/main/resources/ui/src/components/EntityLineage/custom-node.less +++ b/openmetadata-ui/src/main/resources/ui/src/components/EntityLineage/custom-node.less @@ -125,6 +125,7 @@ .react-flow .lineage-node-handle { width: 20px; + min-width: 20px; height: 20px; border-radius: 50%; border-color: @lineage-border; diff --git a/openmetadata-ui/src/main/resources/ui/src/utils/EntityUtils.tsx b/openmetadata-ui/src/main/resources/ui/src/utils/EntityUtils.tsx index 4c59f0811c7..776f67d4845 100644 --- a/openmetadata-ui/src/main/resources/ui/src/utils/EntityUtils.tsx +++ b/openmetadata-ui/src/main/resources/ui/src/utils/EntityUtils.tsx @@ -1251,6 +1251,20 @@ export const getEntityBreadcrumbs = ( } }; +export const getBreadcrumbsFromFqn = (fqn: string, includeCurrent = false) => { + const fqnList = Fqn.split(fqn); + if (!includeCurrent) { + fqnList.pop(); + } + + return [ + ...fqnList.map((fqn) => ({ + name: fqn, + url: '', + })), + ]; +}; + export const getEntityThreadLink = ( entityFieldThreadCount: EntityFieldThreadCount[] ) => {