Web:Components:ModalDialog: hide header when children are null

packages/asc-web-components/modal-dialog/index.js

@@ -163,8 +163,13 @@ class ModalDialog extends React.Component {
                 <Loaders.DialogLoader bodyHeight={modalLoaderBodyHeight} />
               ) : (
                 <>
+                  {header && (
                     <StyledHeader>
-                    <Heading className="heading" size="medium" truncate={true}>
+                      <Heading
+                        className="heading"
+                        size="medium"
+                        truncate={true}
+                      >
                         {header ? header.props.children : null}
                       </Heading>
                       {!withoutCloseButton && (
@@ -174,6 +179,7 @@ class ModalDialog extends React.Component {
                         ></CloseButton>
                       )}
                     </StyledHeader>
+                  )}
                   <BodyBox paddingProp={modalBodyPadding}>
                     {body ? body.props.children : null}
                   </BodyBox>