Don't show empty arg tables in doc pages

storybookjs · Feb 26, 2024 · e05cae9 · e05cae9
1 parent 8c027ac
commit e05cae9
Showing 1 changed file with 14 additions and 10 deletions.
diff --git a/code/ui/blocks/src/blocks/Controls.tsx b/code/ui/blocks/src/blocks/Controls.tsx
@@ -58,17 +58,21 @@ export const Controls: FC<ControlsProps> = (props) => {
 
   const hasSubcomponents = Boolean(subcomponents) && Object.keys(subcomponents).length > 0;
 
+  console.log(Object.keys(filteredArgTypes).length > 0 || Object.keys(args).length > 0);
   if (!hasSubcomponents) {
-    return (
-      <PureArgsTable
-        rows={filteredArgTypes}
-        sort={sort}
-        args={args}
-        globals={globals}
-        updateArgs={updateArgs}
-        resetArgs={resetArgs}
-      />
-    );
+    if (Object.keys(filteredArgTypes).length > 0 || Object.keys(args).length > 0) {
+      return (
+        <PureArgsTable
+          rows={filteredArgTypes}
+          sort={sort}
+          args={args}
+          globals={globals}
+          updateArgs={updateArgs}
+          resetArgs={resetArgs}
+        />
+      );
+    }
+    return null;
   }
 
   const mainComponentName = getComponentName(component);