From 78aadfc01b1df3119002053d3d56f2d2da699a17 Mon Sep 17 00:00:00 2001
From: Rostislav Wolny <rosta.wolny@automattic.com>
Date: Fri, 15 Oct 2021 13:51:21 +0200
Subject: [PATCH] Do not render thumbnail image if thumbnail is not available

[MAILPOET-2686]
---
 assets/js/src/newsletters/templates/template_box.jsx | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/assets/js/src/newsletters/templates/template_box.jsx b/assets/js/src/newsletters/templates/template_box.jsx
index ca066c047a..a1419034d9 100644
--- a/assets/js/src/newsletters/templates/template_box.jsx
+++ b/assets/js/src/newsletters/templates/template_box.jsx
@@ -110,7 +110,7 @@ class TemplateBox extends React.Component {
           }}
         >
           <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 className="mailpoet-template-preview-overlay">
             <Button>{MailPoet.I18n.t('zoom')}</Button>
@@ -140,7 +140,7 @@ TemplateBox.propTypes = {
   id: PropTypes.number.isRequired,
   newsletterId: PropTypes.string.isRequired,
   name: PropTypes.string.isRequired,
-  thumbnail: PropTypes.string.isRequired,
+  thumbnail: PropTypes.string,
   readonly: PropTypes.bool.isRequired,
   beforeDelete: PropTypes.func.isRequired,
   afterDelete: PropTypes.func.isRequired,
@@ -148,4 +148,8 @@ TemplateBox.propTypes = {
   afterSelect: PropTypes.func.isRequired,
 };
 
+TemplateBox.defaultProps = {
+  thumbnail: null,
+};
+
 export default TemplateBox;