@salesforcedevs/dx-components 1.3.222-alpha2 → 1.3.222-alpha4

package/package.json

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

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

@@ -1,18 +1,19 @@
 <template>
     <dx-section class="section-reduced-padding">
-        <dx-spinner>
+        <dx-spinner if:true={recommendationsLoaded}>
             <div class="spinner-container">
                 <dx-spinner size="large" variant="brand"></dx-spinner>
             </div>
         </dx-spinner>
         <template for:each={recommendations} for:item="recommendation">
             <dx-card-blog-post
-                authors={recommendation.yoast_head_json.author}
+                authors={recommendation.authors}
                 body={recommendation.yoast_head_json.description}
                 datetime={recommendation.yoast_head_json.article_published_time}
                 href={recommendation.yoast_head_json.canonical}
                 img-alt={recommendation.yoast_head_json.title}
                 img-src={recommendation.content.featured_image}
+                key={recommendation.id}
                 title={recommendation.yoast_head_json.title}
             ></dx-card-blog-post>
         </template>

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

@@ -5,6 +5,7 @@ export default class CoveoRecommendations extends LightningElement {
     @api coveoAuthToken!: string;
 
     recommendations = [];
+    recommendationsLoaded = false;
 
     renderedCallback() {
         // const actionsHistory = localStorage.getItem(
@@ -13,6 +14,7 @@ export default class CoveoRecommendations extends LightningElement {
         const url = "https://platform.cloud.coveo.com/rest/search/v2";
         fetch(url, {
             headers: { Authorization: `Bearer ${this.coveoAuthToken}` },
+            method: "POST",
             body: JSON.stringify({
                 pipeline: "Recommendations_Developer_Blogs",
                 searchHub: "developerWebsiteBlogs",
@@ -32,12 +34,13 @@ export default class CoveoRecommendations extends LightningElement {
             this.recommendations = recommendations;
             const blogPosts = recommendations.slice(0, 3).map(async (rec) => {
                 const slug = rec.uri.split("/").pop();
-                const blogDataUrl = `${window.location.origin}/blogs/wp-json/wp/v2/posts?slug=${slug}&state=publish&_embed=wp:featuredmedia`;
+                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 = blogPosts;
+            this.recommendationsLoaded = true;
         });
     }