From 40a84fc3d83b71d36f2200be76308e3a1bb0f3a9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ng=C3=B4=20Qu=E1=BB=91c=20=C4=90=E1=BA=A1t?=
 <datlechin@gmail.com>
Date: Sat, 28 Sep 2024 23:07:46 +0700
Subject: [PATCH] chore: do not render form header when label or description is
 not present (#4035)

---
 framework/core/js/src/common/components/Form.tsx | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/framework/core/js/src/common/components/Form.tsx b/framework/core/js/src/common/components/Form.tsx
index b32f92214..3850d1255 100644
--- 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>
     );