market icons and rented category

Author: odeimaiz

services/static-webserver/client/source/class/osparc/desktop/preferences/pages/BasePage.js

@@ -30,7 +30,16 @@ qx.Class.define("osparc.desktop.preferences.pages.BasePage", {
       paddingLeft: 15
     });
 
-    this.__showLabelOnTab(title)
+    this.__showLabelOnTab(title);
+
+    const tabButton = this.getChildControl("button");
+    if (tabButton.getIcon() && tabButton.getIcon().includes(".svg")) {
+      tabButton.getChildControl("icon").set({
+        minWidth: 24,
+        minHeight: 24,
+        scale: true,
+      });
+    }
   },
 
   members: {

services/static-webserver/client/source/class/osparc/vipMarket/Market.js

@@ -41,16 +41,27 @@ qx.Class.define("osparc.vipMarket.Market", {
     ])
       .then(values => {
         const licensedItems = values[0];
+        const purchasedItems = values[1];
         const categories = [];
+        const rentedCategory = {
+          categoryId: "rentedModels",
+          label: this.tr("Rented"),
+          icon: "osparc/market/RentedModels.svg",
+          items: [],
+        };
+        categories.push(rentedCategory);
         licensedItems.forEach(licensedItem => {
+          if (purchasedItems.find(purchasedItem => purchasedItem["licensedItemId"] === licensedItem["licensedItemId"])) {
+            rentedCategory["items"].push(licensedItem);
+          }
           if (licensedItem["licensedResourceData"] && licensedItem["licensedResourceData"]["categoryId"]) {
             const categoryId = licensedItem["licensedResourceData"]["categoryId"];
             let category = categories.find(cat => cat["categoryId"] === categoryId);
             if (!category) {
               category = {
                 categoryId,
                 label: licensedItem["licensedResourceData"]["categoryDisplay"] || "Category",
-                icon: licensedItem["licensedResourceData"]["categoryIcon"] || "@FontAwesome5Solid/users/20",
+                icon: licensedItem["licensedResourceData"]["categoryIcon"] || `osparc/market/${categoryId}.svg`,
                 items: [],
               };
               categories.push(category);