🎨 Wallets: some defaults (#4607)

Author: odeimaiz

services/static-webserver/client/source/class/osparc/component/study/ResourceSelector.js

@@ -268,10 +268,12 @@ qx.Class.define("osparc.component.study.ResourceSelector", {
           }
           if (Object.keys(lgInfo["resources"]).length) {
             const buttons = [];
+            const smallButton = this.self().createMachineToggleButton(smInfo);
+            const mediumButton = this.self().createMachineToggleButton(mdInfo);
             const largeButton = this.self().createMachineToggleButton(lgInfo);
             [
-              this.self().createMachineToggleButton(smInfo),
-              this.self().createMachineToggleButton(mdInfo),
+              smallButton,
+              mediumButton,
               largeButton
             ].forEach(btn => {
               buttons.push(btn);
@@ -294,7 +296,8 @@ qx.Class.define("osparc.component.study.ResourceSelector", {
                 });
               }
             }));
-            largeButton.execute();
+            // small by default
+            smallButton.execute();
           }
           return machinesLayout;
         }
@@ -385,7 +388,9 @@ qx.Class.define("osparc.component.study.ResourceSelector", {
           this.setWallet(null);
         }
       });
-      walletSelector.setSelection([]);
+      if (!osparc.desktop.credits.Utils.autoSelectActiveWallet(walletSelector)) {
+        walletSelector.setSelection([]);
+      }
     },
 
     __getCreditsLeftView: function() {

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

@@ -50,6 +50,21 @@ qx.Class.define("osparc.desktop.credits.Utils", {
       store.addListener("changeWallets", () => populateSelectBox(walletSelector));
 
       return walletSelector;
+    },
+
+    autoSelectActiveWallet: function(walletSelector) {
+      // If there is only one active wallet, select it
+      const store = osparc.store.Store.getInstance();
+      const wallets = store.getWallets();
+      const activeWallets = wallets.filter(wallet => wallet.getStatus() === "ACTIVE");
+      if (activeWallets.length === 1) {
+        const found = walletSelector.getSelectables().find(sbItem => sbItem.walletId === activeWallets[0].getWalletId());
+        if (found) {
+          walletSelector.setSelection([found]);
+          return true;
+        }
+      }
+      return false;
     }
   }
 });

services/static-webserver/client/source/class/osparc/desktop/wallets/WalletsList.js

@@ -39,6 +39,7 @@ qx.Class.define("osparc.desktop.wallets.WalletsList", {
 
     const newWalletButton = this.__getCreateWalletSection();
     newWalletButton.setVisibility(osparc.data.Permissions.getInstance().canDo("user.wallets.create") ? "visible" : "excluded");
+    this._add(newWalletButton);
 
     this.loadWallets();
   },