replaceIconWithThumbnail

Author: odeimaiz

services/static-webserver/client/source/class/osparc/dashboard/NewPlusMenu.js

@@ -139,16 +139,7 @@ qx.Class.define("osparc.dashboard.NewPlusMenu", {
     setIcon: function(menuButton, icon, resourceMetadata) {
       const source = icon ? icon : osparc.utils.Utils.getIconFromResource(resourceMetadata);
       if (source) {
-        const thumbnail = new osparc.ui.basic.Thumbnail(source, 24, 24).set({
-          minHeight: 24,
-          minWidth: 24,
-        });
-        thumbnail.getChildControl("image").set({
-          anonymous: true,
-          decorator: "rounded",
-        });
-        // eslint-disable-next-line no-underscore-dangle
-        menuButton._add(thumbnail, {column: 0});
+        osparc.utils.Utils.replaceIconWithThumbnail(menuButton, source, 24);
       }
     },
   },

services/static-webserver/client/source/class/osparc/utils/Utils.js

@@ -91,6 +91,21 @@ qx.Class.define("osparc.utils.Utils", {
 
     FLOATING_Z_INDEX: 1000001 + 1,
 
+    replaceIconWithThumbnail: function(widget, thumbnailUrl, size = 24) {
+      if (thumbnailUrl) {
+        const thumbnail = new osparc.ui.basic.Thumbnail(thumbnailUrl, size, size).set({
+          minHeight: size,
+          minWidth: size,
+        });
+        thumbnail.getChildControl("image").set({
+          anonymous: true,
+          decorator: "rounded",
+        });
+        // eslint-disable-next-line no-underscore-dangle
+        widget._add(thumbnail, {column: 0});
+      }
+    },
+
     disableAutocomplete: function(control) {
       if (control && control.getContentElement()) {
         control.getContentElement().setAttribute("autocomplete", "off");