Dont show empty subsections

Summary: changelog: UIDebugger - new sidebar design

Reviewed By: lblasa

Differential Revision: D50653551

fbshipit-source-id: 8a173abb033f35ba6abd2d5f417e647ca2ffe8e7

desktop/plugins/public/ui-debugger/components/sidebarV2/AttributesInspector.tsx

@@ -224,11 +224,8 @@ function SubSection({
   metadataMap: MetadataMap;
   onDisplayModal: (modaldata: ModalData) => void;
 }) {
-  return (
+  const children = Object.entries(inspectableObject.fields).map(
-    <Layout.Container gap="small" padv="small">
+    ([key, value]) => {
-      <Divider style={{margin: 0}} />
-      <Typography.Text>{attributeName}</Typography.Text>
-      {Object.entries(inspectableObject.fields).map(([key, value]) => {
       const metadataId: number = Number(key);
       const attributeMetadata = metadataMap.get(metadataId);
       if (attributeMetadata == null) {
@@ -247,7 +244,16 @@ function SubSection({
           metadataMap={metadataMap}
         />
       );
-      })}
+    },
+  );
+  if (children.length === 0) {
+    return null;
+  }
+  return (
+    <Layout.Container gap="small" padv="small">
+      <Divider style={{margin: 0}} />
+      <Typography.Text>{attributeName}</Typography.Text>
+      {children}
     </Layout.Container>
   );
 }