fix lineage column icon and entity summary panel owner label not visible (#21160)

This commit is contained in:
Ashish Gupta 2025-05-13 15:16:33 +05:30 committed by GitHub
parent f292fec6c1
commit f11686257c
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 34 additions and 56 deletions

View File

@ -86,16 +86,12 @@
border-radius: 0; border-radius: 0;
.ant-collapse-header { .ant-collapse-header {
padding: 0; padding: 4px;
font-size: 12px; font-size: 12px;
.custom-node-column-container { .custom-node-column-container {
background-color: @lineage-collapse-header; background-color: @lineage-collapse-header;
} }
.lineage-column-node-handle {
background-color: @lineage-collapse-header;
}
} }
.ant-collapse-content-box { .ant-collapse-content-box {

View File

@ -31,61 +31,43 @@ function CommonEntitySummaryInfo({
return ( return (
<Row className="text-sm" gutter={[0, 4]}> <Row className="text-sm" gutter={[0, 4]}>
{entityInfo.map((info) => { {entityInfo.map((info) => {
const isOwner = info.name === t('label.owner-plural');
const isDomain = isDomainVisible && info.name === t('label.domain'); const isDomain = isDomainVisible && info.name === t('label.domain');
return info.visible?.includes(componentType) || isDomain ? ( return info.visible?.includes(componentType) || isDomain ? (
<Col key={info.name} span={24}> <Col key={info.name} span={24}>
<Row <Row gutter={[16, 32]}>
className={classNames('', { <Col span={8}>
'p-b-md': isOwner, <Typography.Text
})} className="summary-item-key font-semibold"
gutter={[16, 32]}> data-testid={`${info.name}-label`}>
{!isOwner ? ( {info.name}
<> </Typography.Text>
<Col span={8}> </Col>
<Typography.Text <Col span={16}>
className="summary-item-key font-semibold" {info.isLink ? (
data-testid={`${info.name}-label`}> <Link
{info.name} component={Typography.Link}
</Typography.Text> data-testid={`${info.name}-value`}
</Col> target={info.isExternal ? '_blank' : '_self'}
<Col span={16}> to={info.linkProps ?? { pathname: info.url }}>
{info.isLink ? ( {info.value}
<Link {info.isExternal ? (
component={Typography.Link} <Icon
data-testid={`${info.name}-value`} className="m-l-xs"
target={info.isExternal ? '_blank' : '_self'} component={IconExternalLink}
to={info.linkProps ?? { pathname: info.url }}> data-testid="external-link-icon"
{info.value} style={ICON_DIMENSION}
{info.isExternal ? ( />
<Icon ) : null}
className="m-l-xs" </Link>
component={IconExternalLink} ) : (
data-testid="external-link-icon" <Typography.Text
style={ICON_DIMENSION} className={classNames('summary-item-value text-grey-body')}
/> data-testid={`${info.name}-value`}>
) : null} {info.value}
</Link> </Typography.Text>
) : ( )}
<Typography.Text </Col>
className={classNames(
'summary-item-value text-grey-muted',
{
'text-grey-body': !isOwner,
}
)}
data-testid={`${info.name}-value`}>
{info.value}
</Typography.Text>
)}
</Col>
</>
) : (
<Col data-testid={`${info.name}-value`} span={24}>
{info.value}
</Col>
)}
</Row> </Row>
</Col> </Col>
) : null; ) : null;