Do not render thumbnail image if thumbnail is not available

[MAILPOET-2686]
This commit is contained in:
Rostislav Wolny
2021-10-15 13:51:21 +02:00
committed by Veljko V
parent b51f7b2d0e
commit 78aadfc01b

View File

@@ -110,7 +110,7 @@ class TemplateBox extends React.Component {
}} }}
> >
<div className="mailpoet-template-thumbnail"> <div className="mailpoet-template-thumbnail">
<img src={thumbnail} alt={MailPoet.I18n.t('templatePreview')} loading="lazy" /> {thumbnail ? (<img src={thumbnail} alt={MailPoet.I18n.t('templatePreview')} loading="lazy" />) : ''}
</div> </div>
<div className="mailpoet-template-preview-overlay"> <div className="mailpoet-template-preview-overlay">
<Button>{MailPoet.I18n.t('zoom')}</Button> <Button>{MailPoet.I18n.t('zoom')}</Button>
@@ -140,7 +140,7 @@ TemplateBox.propTypes = {
id: PropTypes.number.isRequired, id: PropTypes.number.isRequired,
newsletterId: PropTypes.string.isRequired, newsletterId: PropTypes.string.isRequired,
name: PropTypes.string.isRequired, name: PropTypes.string.isRequired,
thumbnail: PropTypes.string.isRequired, thumbnail: PropTypes.string,
readonly: PropTypes.bool.isRequired, readonly: PropTypes.bool.isRequired,
beforeDelete: PropTypes.func.isRequired, beforeDelete: PropTypes.func.isRequired,
afterDelete: PropTypes.func.isRequired, afterDelete: PropTypes.func.isRequired,
@@ -148,4 +148,8 @@ TemplateBox.propTypes = {
afterSelect: PropTypes.func.isRequired, afterSelect: PropTypes.func.isRequired,
}; };
TemplateBox.defaultProps = {
thumbnail: null,
};
export default TemplateBox; export default TemplateBox;