minor improvements

Tiledesk · Dec 15, 2023 · 53d9b1b · 53d9b1b
1 parent c4e1948
commit 53d9b1b
Show file tree

Hide file tree

Showing 6 changed files with 33 additions and 21 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,5 +1,8 @@
 # tiledesk-dashboard
 
+### 2.4.85
+- Improvements and bug fixing
+
 ### 2.4.84
 - Improvements and bug fixing
 

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@tiledesk/tiledesk-dashboard",
-  "version": "2.4.84",
+  "version": "2.4.85",
   "scripts": {
     "ng": "ng",
     "start": "ng serve --aot",

diff --git a/src/app/app-store/app-store.component.html b/src/app/app-store/app-store.component.html
@@ -274,7 +274,8 @@ <h4 class="card-create-app-text">
       <!-- -------------------------------------------------------------------- -->
       <!-- @ App cards -->
       <!-- -------------------------------------------------------------------- -->
-      <div *ngFor="let app of apps" class="col-lg-4 col-md-4 col-sm-6" style="cursor:pointer">
+      <div *ngFor="let app of apps" class="col-lg-4 col-md-4 col-sm-6" style="cursor:pointer"
+        [ngClass]="{'hide-paid-app': !this.isVisiblePAY && (app.title === 'WhatsApp Business' || app.title === 'Facebook Messenger' || app.title === 'Help Center') }">
         <div class="card card-app-store">
 
           <div class="card-content">
@@ -318,7 +319,11 @@ <h4 class="card-create-app-text">
               </div>
             </div>
             <!-- padding: 0px 20px; min-height: 52px; -->
-            <h5 class="card-title" style="margin-bottom: 5px;" [ngClass]="{'app-store-card-no-badge': (app?.title !== 'Zapier') && (app?.title !== 'WhatsApp Business') && (app?.title !== 'Facebook Messenger') && (app?.title !== 'Help Center')}">
+            <h5 class="card-title" style="margin-bottom: 5px;" [ngClass]="{
+              'app-store-card-no-badge': (app?.title !== 'Zapier') && 
+                                          (app?.title !== 'WhatsApp Business') && 
+                                          (app?.title !== 'Facebook Messenger') && 
+                                          (app?.title !== 'Help Center')}">
               {{ app.title}}
             </h5>
 

diff --git a/src/app/app-store/app-store.component.scss b/src/app/app-store/app-store.component.scss
@@ -184,3 +184,7 @@
     color: #080f1a;
     font-family: "Poppins", "Roboto", "Arial", sans-serif;
 }
+
+.hide-paid-app {
+    display: none;
+}
diff --git a/src/app/app-store/app-store.component.ts b/src/app/app-store/app-store.component.ts
@@ -240,31 +240,31 @@ export class AppStoreComponent implements OnInit {
         }
       ]
 
-      if (!this.isVisiblePAY) {
-        // this.apps =  _apps.apps.filter(a => !paidApps.some(p => p.title == a.title));
+      // if (!this.isVisiblePAY) {
+      //   // this.apps =  _apps.apps.filter(a => !paidApps.some(p => p.title == a.title));
 
-        this.logger.log('APP-STORE - Here yes')
-        // console.log('APP-STORE - getApps APPS after filter', this.apps)
+      //   this.logger.log('APP-STORE - Here yes')
+      //   // console.log('APP-STORE - getApps APPS after filter', this.apps)
 
-        const sendWAAppIndex = this.apps.findIndex(object => {
-          return object.title === "WhatsApp Business";
-        });
+      //   const sendWAAppIndex = this.apps.findIndex(object => {
+      //     return object.title === "WhatsApp Business";
+      //   });
 
-        this.apps.splice(sendWAAppIndex, 1);
+      //   this.apps.splice(sendWAAppIndex, 1);
 
-        const sendFMAppIndex = this.apps.findIndex(object => {
-          return object.title === "Facebook Messenger";
-        });
+      //   const sendFMAppIndex = this.apps.findIndex(object => {
+      //     return object.title === "Facebook Messenger";
+      //   });
 
-        this.apps.splice(sendFMAppIndex, 1);
+      //   this.apps.splice(sendFMAppIndex, 1);
 
-        const sendHCAppIndex = this.apps.findIndex(object => {
-          return object.title === "Help Center";
-        });
+      //   const sendHCAppIndex = this.apps.findIndex(object => {
+      //     return object.title === "Help Center";
+      //   });
 
-        this.apps.splice(sendHCAppIndex, 1);
+      //   this.apps.splice(sendHCAppIndex, 1);
 
-      }
+      // }
 
       const sendTranscriptAppIndex = this.apps.findIndex(object => {
         return object.title === "Send transcript by email";