handle changing type more robustly

1 files changed, 11 insertions, 4 deletions

diff --git a/frontend/views/page/components/page.editor.js b/frontend/views/page/components/page.editor.js
index 35553c9..92ca750 100644
--- a/frontend/views/page/components/page.editor.js
+++ b/frontend/views/page/components/page.editor.js
@@ -186,16 +186,20 @@ class PageEditor extends Component {
 }
 
 const TileHandle = ({ tile, bounds, box, onMouseDown }) => {
-  console.log(tile)
+  // console.log(tile)
   const { width, height } = tile.settings
   const style = {
     transform: generateTransform(tile),
   }
-  console.log(generateTransform(tile))
+  // console.log(generateTransform(tile))
   let content;
   let className = 'tile ' + tile.type
+  // console.log(tile.settings)
   switch (tile.type) {
     case 'image':
+      if (!tile.settings.url) {
+        return null
+      }
       if (tile.settings.is_tiled) {
         style.backgroundImage = 'url(' + tile.settings.url + ')'
         style.backgroundPosition = tile.settings.align.replace('_', ' ')
@@ -206,10 +210,13 @@ const TileHandle = ({ tile, bounds, box, onMouseDown }) => {
       }
       break
     case 'text':
+      if (!tile.settings.content) {
+        return null
+      }
       content = <span dangerouslySetInnerHTML={{ __html: tile.settings.content }} />
       className += ' ' + tile.settings.align
-      style.width = tile.settings.width + 'px'
-      style.height = tile.settings.height + 'px'
+      style.width = tile.settings.width ? tile.settings.width + 'px' : 'auto'
+      style.height = tile.settings.height ? tile.settings.height + 'px' : 'auto'
       break
   }
   return (