🐛 Fix issue with empty block headers

This commit is contained in:
Philipp Stracker 2025-01-22 16:07:16 +01:00
parent 4e6162cacd
commit cfbf16dab9
No known key found for this signature in database
2 changed files with 23 additions and 5 deletions

View file

@ -15,15 +15,29 @@ const SettingsBlock = ( {
'ppcp--horizontal': horizontalLayout,
} );
return (
<div className={ blockClassName }>
const BlockTitle = ( { blockTitle, blockSuffix, blockDescription } ) => {
if ( ! blockTitle && ! blockDescription ) {
return null;
}
return (
<Header>
<Title>
{ title }
<TitleExtra>{ titleSuffix }</TitleExtra>
{ blockTitle }
<TitleExtra>{ blockSuffix }</TitleExtra>
</Title>
<Description>{ description }</Description>
<Description>{ blockDescription }</Description>
</Header>
);
};
return (
<div className={ blockClassName }>
<BlockTitle
blockTitle={ title }
blockSuffix={ titleSuffix }
blockDescription={ description }
/>
<Content asCard={ false }>{ children }</Content>
</div>