Removing require() in favor of pure css external resources

mopidy_iris/static/index.html

@@ -98,11 +98,7 @@
 
 	// Release details
 	// These are automatically injected to built HTML
-<<<<<<< HEAD
-	var build = "1548530662";
-=======
-	var build = "1548384053";
->>>>>>> 8db0bdc754e9b49831bb33610a6af34c71a3a99f
+	var build = "1548618298";
 	var version = "3.31.8";
 
 	// Construct the script tag

src/js/components/Icon.js

@@ -22,12 +22,10 @@ export default class Icon extends React.Component{
 
 		switch (this.props.type){
 			case 'svg':	
-				var src = require('../../assets/icons/'+this.props.name+'.svg');
-				return <img className={className} src={src} onClick={e => this.handleClick(e)} />;
+				return <img className={className} src={'/iris/assets/icons/'+this.props.name+'.svg'} onClick={e => this.handleClick(e)} />;
 
 			case 'gif':	
-				var src = require('../../assets/icons/'+this.props.name+'.gif');
-				return <img className={className} src={src} onClick={e => this.handleClick(e)} />;
+				return <img className={className} src={'/iris/assets/icons/'+this.props.name+'.gif'} onClick={e => this.handleClick(e)} />;
 
 			case 'fontawesome':	
 				return <FontAwesome className={className} type="fontawesome" name={this.props.name} onClick={e => this.handleClick(e)} />;

src/js/components/Thumbnail.js

@@ -66,7 +66,7 @@ class Thumbnail extends React.Component{
 
 		return (
 			<div className={class_name}>
-				<div className="thumbnail__image" style={{backgroundImage: 'url("'+(image ? image : require('../../assets/no-image.svg'))+'")'}}></div>
+				<div className="thumbnail__image" style={{backgroundImage: 'url("'+(image ? image : '/iris/assets/no-image.svg')+'")'}}></div>
 				{zoom_icon}
 			</div>
 		);