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