@salesforcedevs/dx-components 1.3.222-alpha13 → 1.3.222-alpha15

package/package.json

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

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

@@ -5,17 +5,24 @@
                 <dx-spinner size="large" variant="brand"></dx-spinner>
             </div>
         </dx-spinner>
-        <template for:each={recommendations} for:item="recommendation">
-            <dx-card-blog-post
-                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.featured_image}
-                key={recommendation.id}
-                title={recommendation.yoast_head_json.title}
-            ></dx-card-blog-post>
-        </template>
+        <dx-grid columns="three" class="recent-posts">
+            <template for:each={recommendations} for:item="recommendation">
+                <dx-card-blog-post
+                    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.featured_image}
+                    key={recommendation.id}
+                    title={recommendation.yoast_head_json.title}
+                ></dx-card-blog-post>
+                <dx-hr
+                    class="mobile-divider_posts"
+                    spacing="2xs"
+                    key="{recommendation.id}"
+                ></dx-hr>
+            </template>
+        </dx-grid>
     </dx-section>
 </template>

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

@@ -44,7 +44,6 @@ export default class CoveoRecommendations extends LightningElement {
                 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];
                 this._recommendations = [...this._recommendations, blogData];
-                console.log(this._recommendations);
             });
             this.recommendationsLoaded = true;
         });