yujunjun/datahub
2
0
Fork 0
mirror of https://github.com/datahub-project/datahub.git synced 2025-10-04 05:26:24 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(UI): Showing platform instances only once (#12806)

Browse Source
This commit is contained in:
Saketh Varma 2025-03-06 19:01:04 -03:00 committed by GitHub
parent a6461853dc
commit a101c27388
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 8 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
datahub-web-react/src/app/previewV2/BrowsePaths.tsx
View File

@ -71,12 +71,16 @@ const BrowsePathSection = ({ path, linksDisabled }: { path: BrowsePathEntry } &
if (!path.entity) {
return <PlatFormTitle>{path.name}</PlatFormTitle>;
}
// Till we have a DataPlatform instance page
const hasDataPlatformInstance = path.name?.includes('dataPlatformInstance');
return (
<ContextPathEntityLink
key={path?.entity?.urn}
entity={path?.entity}
style={{ fontSize: '12px' }}
linkDisabled={linksDisabled}
linkDisabled={linksDisabled || hasDataPlatformInstance}
/>
);
};

12
datahub-web-react/src/app/previewV2/ContextPath.tsx
View File

@ -82,6 +82,7 @@ const PlatFormTitle = styled.span`
interface Props {
// eslint-disable-next-line react/no-unused-prop-types
entityLogoComponent?: JSX.Element;
// eslint-disable-next-line react/no-unused-prop-types
instanceId?: string;
// eslint-disable-next-line react/no-unused-prop-types
typeIcon?: JSX.Element;
@ -103,7 +104,6 @@ function ContextPath(props: Props) {
entityType,
parentEntities,
browsePaths,
instanceId,
entityTitleWidth = 200,
previewType,
isCompactView,
@ -118,12 +118,10 @@ function ContextPath(props: Props) {
const divider = <PlatformDivider>|</PlatformDivider>;
const hasPlatformInstance = !!instanceId;
const hasBrowsePath = !!browsePaths?.path?.length && !isDefaultBrowsePath(browsePaths);
const hasParentEntities = !!parentEntities?.length;
const showInstanceIdDivider = hasBrowsePath || hasParentEntities;
const showEntityTypeDivider = hasPlatformInstance || hasBrowsePath || hasParentEntities;
const showEntityTypeDivider = hasBrowsePath || hasParentEntities;
return (
<PlatformContentWrapper>
@ -136,12 +134,6 @@ function ContextPath(props: Props) {
<PlatFormTitle>{capitalizeFirstLetterOnly(type)}</PlatFormTitle>
{showEntityTypeDivider && divider}
</PlatformText>
{instanceId && (
<PlatformText>
{instanceId}
{showInstanceIdDivider && divider}
</PlatformText>
)}
{hasBrowsePath ? (
<BrowsePaths
browsePaths={browsePaths}

2
datahub-web-react/src/app/previewV2/ContextPathEntityLink.tsx
View File

@ -45,7 +45,7 @@ const StyledLink = styled(Link)<{ $disabled?: boolean }>`
:hover {
color: ${({ $disabled }) => ($disabled ? REDESIGN_COLORS.LINK_GREY : colors.violet[500])};
cursor: ${({ $disabled }) => ($disabled ? 'default' : 'pointer')};
&& svg {
color: ${({ $disabled }) => ($disabled ? REDESIGN_COLORS.LINK_GREY : colors.violet[500])};
}