less intro

Author: odeimaiz

services/static-webserver/client/source/class/osparc/support/Conversations.js

@@ -23,10 +23,6 @@ qx.Class.define("osparc.support.Conversations", {
     this.base(arguments);
 
     this._setLayout(new qx.ui.layout.VBox(10));
-
-    this.__noConversationsLabel = new qx.ui.basic.Label("No conversations yet — your messages will appear here.").set({
-      padding: 5,
-    });
     this.__conversationListItems = [];
 
     this.__fetchConversations();
@@ -39,7 +35,6 @@ qx.Class.define("osparc.support.Conversations", {
   },
 
   members: {
-    __noConversationsLabel: null,
     __conversationListItems: null,
 
     _createChildControlImpl: function(id) {
@@ -72,9 +67,6 @@ qx.Class.define("osparc.support.Conversations", {
         .then(conversations => {
           if (conversations.length) {
             conversations.forEach(conversation => this.__addConversation(conversation));
-          } else {
-            // No conversations found
-            this.getChildControl("conversations-layout").add(this.__noConversationsLabel);
           }
         })
         .finally(() => {
@@ -91,12 +83,6 @@ qx.Class.define("osparc.support.Conversations", {
     },
 
     __addConversation: function(conversation) {
-      const conversationsLayout = this.getChildControl("conversations-layout");
-      // remove the noConversationsLabel
-      if (conversationsLayout && conversationsLayout.getChildren().indexOf(this.__noConversationsLabel) > -1) {
-        conversationsLayout.remove(this.__noConversationsLabel);
-      }
-
       // ignore it if it was already there
       const conversationId = conversation.getConversationId();
       const conversationItemFound = this.__getConversationItem(conversationId);
@@ -107,6 +93,7 @@ qx.Class.define("osparc.support.Conversations", {
       const conversationListItem = new osparc.support.ConversationListItem();
       conversationListItem.setConversation(conversation);
       conversationListItem.addListener("tap", () => this.fireDataEvent("openConversation", conversationId, this));
+      const conversationsLayout = this.getChildControl("conversations-layout");
       conversationsLayout.add(conversationListItem);
       this.__conversationListItems.push(conversationListItem);
 

services/static-webserver/client/source/class/osparc/support/ConversationsPage.js

@@ -24,7 +24,6 @@ qx.Class.define("osparc.support.ConversationsPage", {
 
     this._setLayout(new qx.ui.layout.VBox(15));
 
-    this.getChildControl("conversations-intro-text");
     this.getChildControl("conversations-list");
     this.getChildControl("ask-a-question-button");
     this.getChildControl("book-a-call-button");
@@ -39,20 +38,6 @@ qx.Class.define("osparc.support.ConversationsPage", {
     _createChildControlImpl: function(id) {
       let control;
       switch (id) {
-        case "conversations-intro-text": {
-          control = new qx.ui.basic.Label().set({
-            rich: true,
-            font: "text-14",
-          });
-          const isSupportUser = osparc.store.Groups.getInstance().amIASupportUser();
-          control.set({
-            value: isSupportUser ?
-              this.tr("Thanks for being here! Let's help every user feel supported.") :
-              this.tr("Need help or want to share feedback? You're in the right place."),
-          });
-          this._add(control);
-          break;
-        }
         case "conversations-list": {
           control = new osparc.support.Conversations();
           control.addListener("openConversation", e => {

services/static-webserver/client/source/class/osparc/support/HomePage.js

@@ -29,15 +29,15 @@ qx.Class.define("osparc.support.HomePage", {
     });
 
     if (osparc.store.Groups.getInstance().isSupportEnabled()) {
-      this.getChildControl("ask-a-question");
-      this.getChildControl("book-a-call");
+      this.getChildControl("ask-a-question-button");
+      this.getChildControl("book-a-call-button");
     }
     this.__populateButtons();
   },
 
   events: {
     "openConversation": "qx.event.type.Event",
-    "openBookACall": "qx.event.type.Event",
+    "createConversationBookCall": "qx.event.type.Event",
   },
 
   statics: {
@@ -76,7 +76,7 @@ qx.Class.define("osparc.support.HomePage", {
           this._add(control);
           break;
         }
-        case "ask-a-question":
+        case "ask-a-question-button":
           control = new qx.ui.form.Button(this.tr("Ask a Question"), "@FontAwesome5Solid/comments/16").set({
             gap: 8,
             appearance: "strong-button",
@@ -86,14 +86,14 @@ qx.Class.define("osparc.support.HomePage", {
           control.addListener("execute", () => this.fireEvent("openConversation"));
           this.getChildControl("conversation-buttons-layout").add(control, { flex: 1 });
           break;
-        case "book-a-call":
+        case "book-a-call-button":
           control = new qx.ui.form.Button(this.tr("Book a Call"), "@FontAwesome5Solid/phone/16").set({
             gap: 8,
             appearance: "strong-button",
             center: true,
             width: 183,
           });
-          control.addListener("execute", () => this.fireEvent("openBookACall"));
+          control.addListener("execute", () => this.fireEvent("createConversationBookCall"));
           this.getChildControl("conversation-buttons-layout").add(control, { flex: 1 });
           break;
         case "learning-box":