UI niceties

1 files changed, 13 insertions, 10 deletions

diff --git a/frontend/views/page/components/tile.form.js b/frontend/views/page/components/tile.form.js
index 1d15296..a59a433 100644
--- a/frontend/views/page/components/tile.form.js
+++ b/frontend/views/page/components/tile.form.js
@@ -313,16 +313,19 @@ class TileForm extends Component {
     console.log(temporaryTile.settings)
     return (
       <div>
-        <TextInput
-          title=""
-          placeholder='http://'
-          name="url"
-          required
-          data={temporaryTile.settings}
-          error={errorFields.has('url')}
-          onChange={this.handleImageChange.bind(this)}
-          autoComplete="off"
-        />
+        <div className='row imageUrl'>
+          {temporaryTile.settings.url && <div className='thumb'><img src={temporaryTile.settings.url} /></div>}
+          <TextInput
+            title=""
+            placeholder='http://'
+            name="url"
+            required
+            data={temporaryTile.settings}
+            error={errorFields.has('url')}
+            onChange={this.handleImageChange.bind(this)}
+            autoComplete="off"
+          />
+        </div>
         <div className='row pair'>
           <Checkbox
             label="Tiled"