diff --git a/static/js/index.js b/static/js/index.js index 486d236..9e92e70 100644 --- a/static/js/index.js +++ b/static/js/index.js @@ -532,19 +532,15 @@ function showApps(host) { // apply CSS stylization to indicate whether the app is active stylizeBoxArt(host, app.id); } + var img = new Image(); host.getBoxArt(app.id).then(function(resolvedPromise) { - // put the box art into the image holder - var img = new Image(); img.src = resolvedPromise; - img.onload = e => img.classList.add('fade-in'); - $(outerDiv).append(img); }, function(failedPromise) { console.log('%c[index.js, showApps]', 'color: green;', 'Error! Failed to retrieve box art for app ID: ' + app.id + '. Returned value was: ' + failedPromise, '\n Host object:', host, host.toString()); - $(outerDiv).append($("", { - src: "static/res/no_app_image.png", - name: app.title - })); + img.src = 'static/res/placeholder_error.svg' }); + img.onload = e => img.classList.add('fade-in'); + $(outerDiv).append(img); }); }, function(failedAppList) { $('#naclSpinner').hide(); diff --git a/static/res/no_app_image.png b/static/res/no_app_image.png deleted file mode 100644 index 4cbad3e..0000000 Binary files a/static/res/no_app_image.png and /dev/null differ diff --git a/static/res/placeholder_error.svg b/static/res/placeholder_error.svg new file mode 100644 index 0000000..c3332b6 --- /dev/null +++ b/static/res/placeholder_error.svg @@ -0,0 +1 @@ + \ No newline at end of file