From 6295b7561eefbf11eadc612697ccd6a890164a60 Mon Sep 17 00:00:00 2001
From: "G.Ambatte" <sean@robertson-family.nz>
Date: Sat, 30 Oct 2021 13:51:59 +1300
Subject: [PATCH] Modularize default icon location

---
 client/homebrew/editor/metadataEditor/metadataEditor.jsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/client/homebrew/editor/metadataEditor/metadataEditor.jsx b/client/homebrew/editor/metadataEditor/metadataEditor.jsx
index 878c91fd7..d9375bc78 100644
--- a/client/homebrew/editor/metadataEditor/metadataEditor.jsx
+++ b/client/homebrew/editor/metadataEditor/metadataEditor.jsx
@@ -6,6 +6,7 @@ const cx    = require('classnames');
 const request = require('superagent');
 
 const SYSTEMS = ['5e', '4e', '3.5e', 'Pathfinder'];
+const HOMEBREWERY_DEFAULT_ICON = 'https://i.imgur.com/FwRuhv7.png';
 
 const MetadataEditor = createClass({
 	getDefaultProps : function() {
@@ -81,7 +82,7 @@ const MetadataEditor = createClass({
 
 	renderThumbnail : function(){
 		if(!this.state.showThumbnail) return;
-		return <img className='thumbnail-preview' src={this.props.metadata.thumbnail || 'https://i.imgur.com/FwRuhv7.png'}></img>;
+		return <img className='thumbnail-preview' src={this.props.metadata.thumbnail || HOMEBREWERY_DEFAULT_ICON}></img>;
 	},
 
 	renderSystems : function(){
@@ -182,7 +183,7 @@ const MetadataEditor = createClass({
 			</div>
 			<div className='field thumbnail'>
 				<label>thumbnail URL</label>
-				<textarea value={this.props.metadata.thumbnail} className='value'
+				<input type='text' value={this.props.metadata.thumbnail} className='value'
 					onChange={(e)=>this.handleFieldChange('thumbnail', e)} />
 				<button className='display' onClick={this.toggleThumbnailDisplay}>
 					<i className={`fas fa-caret-${this.state.showThumbnail ? 'right' : 'left'}`} />