@salesforcedevs/dx-components 1.3.222-alpha10 → 1.3.222-alpha12

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@salesforcedevs/dx-components",
-    "version": "1.3.222-alpha10",
+    "version": "1.3.222-alpha12",
     "description": "DX Lightning web components",
     "license": "MIT",
     "engines": {

package/src/modules/dx/coveoRecommendations/coveoRecommendations.html

@@ -1,6 +1,6 @@
 <template>
     <dx-section class="section-reduced-padding">
-        <dx-spinner if:true={recommendationsLoaded}>
+        <dx-spinner if:false={recommendationsLoaded}>
             <div class="spinner-container">
                 <dx-spinner size="large" variant="brand"></dx-spinner>
             </div>

package/src/modules/dx/coveoRecommendations/coveoRecommendations.ts

@@ -4,7 +4,12 @@ import { LightningElement, api } from "lwc";
 export default class CoveoRecommendations extends LightningElement {
     @api coveoAuthToken!: string;
 
-    recommendations = [];
+    _recommendations = [] as any[];
+
+    private get recommendations(): any[] {
+        return this._recommendations || [];
+    }
+
     recommendationsLoaded = false;
 
     connectedCallback() {
@@ -33,14 +38,13 @@ export default class CoveoRecommendations extends LightningElement {
             })
         }).then(async (response) => {
             const recommendations = (await response.json()).results;
-            const blogPosts = recommendations.slice(0, 3).map(async (rec) => {
+            recommendations.slice(0, 3).forEach(async (rec: any) => {
                 const slug = rec.uri.split("/").pop();
                 const blogDataUrl = `https://developer.salesforce.com/blogs/wp-json/wp/v2/posts?slug=${slug}&state=publish&_embed=wp:featuredmedia`;
                 const blogData = (await (await fetch(blogDataUrl)).json())[0];
                 console.log(blogData);
-                return blogData;
+                this._recommendations.push(blogData);
             });
-            this.recommendations = blogPosts;
             this.recommendationsLoaded = true;
         });
     }