diff --git a/desktop/plugins/public/ui-debugger/components/sidebarV2/AttributesInspector.tsx b/desktop/plugins/public/ui-debugger/components/sidebarV2/AttributesInspector.tsx index 61abfdde8..12d246bf5 100644 --- a/desktop/plugins/public/ui-debugger/components/sidebarV2/AttributesInspector.tsx +++ b/desktop/plugins/public/ui-debugger/components/sidebarV2/AttributesInspector.tsx @@ -224,30 +224,36 @@ function SubSection({ metadataMap: MetadataMap; onDisplayModal: (modaldata: ModalData) => void; }) { + const children = Object.entries(inspectableObject.fields).map( + ([key, value]) => { + const metadataId: number = Number(key); + const attributeMetadata = metadataMap.get(metadataId); + if (attributeMetadata == null) { + return null; + } + const attributeName = + upperFirst(attributeMetadata?.name) ?? String(metadataId); + + return ( + + ); + }, + ); + if (children.length === 0) { + return null; + } return ( {attributeName} - {Object.entries(inspectableObject.fields).map(([key, value]) => { - const metadataId: number = Number(key); - const attributeMetadata = metadataMap.get(metadataId); - if (attributeMetadata == null) { - return null; - } - const attributeName = - upperFirst(attributeMetadata?.name) ?? String(metadataId); - - return ( - - ); - })} + {children} ); }