diff --git a/.changeset/few-geckos-shout.md b/.changeset/few-geckos-shout.md new file mode 100644 index 0000000000..169d22cad1 --- /dev/null +++ b/.changeset/few-geckos-shout.md @@ -0,0 +1,5 @@ +--- +'@backstage/plugin-catalog': patch +--- + +Show the parent component in the about card (via partOf relationship) diff --git a/plugins/catalog/src/components/AboutCard/AboutContent.tsx b/plugins/catalog/src/components/AboutCard/AboutContent.tsx index 178debb42a..24b4376f30 100644 --- a/plugins/catalog/src/components/AboutCard/AboutContent.tsx +++ b/plugins/catalog/src/components/AboutCard/AboutContent.tsx @@ -40,9 +40,17 @@ export const AboutContent = ({ entity }: Props) => { const isSystem = entity.kind.toLowerCase() === 'system'; const isDomain = entity.kind.toLowerCase() === 'domain'; const isResource = entity.kind.toLowerCase() === 'resource'; + const isComponent = entity.kind.toLowerCase() === 'component'; const [partOfSystemRelation] = getEntityRelations(entity, RELATION_PART_OF, { kind: 'system', }); + const [partOfComponentRelation] = getEntityRelations( + entity, + RELATION_PART_OF, + { + kind: 'component', + }, + ); const [partOfDomainRelation] = getEntityRelations(entity, RELATION_PART_OF, { kind: 'domain', }); @@ -91,6 +99,18 @@ export const AboutContent = ({ entity }: Props) => { )} )} + {isComponent && partOfComponentRelation && ( + + + + )} {!isSystem && !isDomain && (