reuse

Author: odeimaiz

services/static-webserver/client/source/class/osparc/po/UsersPending.js

@@ -174,7 +174,6 @@ qx.Class.define("osparc.po.UsersPending", {
         });
         const statusChip = new osparc.ui.basic.Chip().set({
           label: pendingUser.accountRequestStatus.toLowerCase(),
-          allowGrowX: false,
         });
         statusChip.getChildControl("label").set({
           font: "text-12",

services/static-webserver/client/source/class/osparc/service/StatusUI.js

@@ -237,9 +237,7 @@ qx.Class.define("osparc.service.StatusUI", {
       const chip = new osparc.ui.basic.Chip().set({
         label: osparc.service.Utils.DEPRECATED_SERVICE_TEXT,
         icon: osparc.service.StatusUI.getIconSource("deprecated"),
-        textColor: "text-on-warning",
-        backgroundColor: osparc.service.StatusUI.getColor("deprecated"),
-        allowGrowX: false
+        statusColor: "warning",
       });
       return chip;
     },
@@ -248,9 +246,7 @@ qx.Class.define("osparc.service.StatusUI", {
       const chip = new osparc.ui.basic.Chip().set({
         label: osparc.service.Utils.RETIRED_SERVICE_TEXT,
         icon: osparc.service.StatusUI.getIconSource("retired"),
-        textColor: "text-on-warning",
-        backgroundColor: osparc.service.StatusUI.getColor("retired"),
-        allowGrowX: false
+        statusColor: "error",
       });
       return chip;
     }

services/static-webserver/client/source/class/osparc/ui/basic/Chip.js

@@ -10,6 +10,10 @@ qx.Class.define("osparc.ui.basic.Chip", {
 
   construct: function(label, icon) {
     this.base(arguments, label, icon);
+
+    this.set({
+      allowGrowX: false,
+    });
   },
 
   properties: {