chore: do not render form header when label or description is not pre…

…sent (#4035)
flarum · Sep 28, 2024 · 40a84fc · 40a84fc
1 parent 6444ccd
commit 40a84fc
Showing 1 changed file with 6 additions and 4 deletions.
diff --git a/framework/core/js/src/common/components/Form.tsx b/framework/core/js/src/common/components/Form.tsx
@@ -14,10 +14,12 @@ export default class Form<CustomAttrs extends IFormAttrs = IFormAttrs> extends C
 
     return (
       <div className={classList('Form', className)} {...attrs}>
-        <div className="Form-header">
-          {label && <label>{label}</label>}
-          {description && <p className="helpText">{description}</p>}
-        </div>
+        {(label || description) && (
+          <div className="Form-header">
+            {label && <label>{label}</label>}
+            {description && <p className="helpText">{description}</p>}
+          </div>
+        )}
         <div className="Form-body">{vnode.children}</div>
       </div>
     );