@salesforcedevs/dw-components 1.15.0 → 1.15.2

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@salesforcedevs/dw-components",
-    "version": "1.15.0",
+    "version": "1.15.2",
     "description": "Lightning web components for https://developer.salesforce.com",
     "license": "MIT",
     "engines": {
@@ -26,5 +26,5 @@
         "@types/setimmediate": "1.0.4",
         "setimmediate": "1.0.5"
     },
-    "gitHead": "f2ca29c18bf3158e8edc88a21402617e528f2243"
+    "gitHead": "b8602f13fe7f2d709dd2843eb07121fc05844906"
 }

package/src/modules/dw/cardBlogPostProvider/cardBlogPostProvider.html

@@ -15,7 +15,10 @@
                         authors={firstPost.authors}
                     ></dx-card-blog-post>
                     <dx-grid columns="one">
-                        <template for:each={secondAndThird} for:item="post">
+                        <template
+                            for:each={secondThirdAndFourth}
+                            for:item="post"
+                        >
                             <dx-card-blog-post
                                 layout="horizontal"
                                 datetime={post.datetime}
@@ -30,26 +33,6 @@
                     </dx-grid>
                 </dx-grid>
             </div>
-            <dx-grid columns="four">
-                <template for:each={restOfBlogPosts} for:item="post">
-                    <dx-card-blog-post
-                        label="BLOG POST"
-                        body={post.body}
-                        datetime={post.datetime}
-                        href={post.href}
-                        img-alt={post.imgAlt}
-                        img-src={post.imgSrc}
-                        key={post.id}
-                        header={post.title}
-                        authors={post.authors}
-                    ></dx-card-blog-post>
-                    <dx-hr
-                        spacing="2xs"
-                        class="mobile-divider_posts"
-                        key={post.id}
-                    ></dx-hr>
-                </template>
-            </dx-grid>
         </div>
 
         <div class="hide-on-desktop">

package/src/modules/dw/cardBlogPostProvider/cardBlogPostProvider.ts

@@ -17,7 +17,7 @@ type BlogPost = {
 };
 
 export default class CardBlogPostProvider extends LightningElement {
-    @api count: string = "7";
+    @api count: string = "4";
     @track _sortedPosts: BlogPost[] = [];
 
     private _featuredPost: BlogPost | undefined;
@@ -28,7 +28,7 @@ export default class CardBlogPostProvider extends LightningElement {
         if (this._featuredPost) {
             this._sortedPosts = [
                 this._featuredPost,
-                ...this.filterOutFeaturedPost(posts)
+                ...this.filterOutFeaturedPost(posts, this._featuredPost)
             ];
         } else {
             this._sortedPosts = posts;
@@ -43,7 +43,7 @@ export default class CardBlogPostProvider extends LightningElement {
         this._featuredPost = featuredPost;
         this._sortedPosts = [
             featuredPost,
-            ...this.filterOutFeaturedPost(this._posts)
+            ...this.filterOutFeaturedPost(this._posts, featuredPost)
         ];
     }
 
@@ -56,19 +56,15 @@ export default class CardBlogPostProvider extends LightningElement {
         return this._sortedPosts[0];
     }
 
-    get secondAndThird() {
-        return this._sortedPosts.slice(1, 3);
+    get secondThirdAndFourth() {
+        return this._sortedPosts.slice(1, 4);
     }
 
-    get restOfBlogPosts() {
-        return this._sortedPosts.slice(3);
-    }
-
-    private filterOutFeaturedPost(posts: BlogPost[]) {
+    private filterOutFeaturedPost(posts: BlogPost[], featuredPost: BlogPost) {
         // the featured post + the rest must equal count
         const countMinusOne = parseInt(this.count, 10) - 1;
         return posts
-            .filter((post) => post.id !== this._featuredPost.id)
+            .filter((post) => post.id !== featuredPost.id)
             .slice(0, countMinusOne);
     }