[apisix-website] branch master updated: feat: use first blog as featured (#1329)

[bzp2010]

This is an automated email from the ASF dual-hosted git repository.

bzp2010 pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/apisix-website.git


The following commit(s) were added to refs/heads/master by this push:
     new 76e14631bca feat: use first blog as featured (#1329)
76e14631bca is described below

commit 76e14631bca10d25bbfff164857d0f1d297c3137
Author: Young <isk...@outlook.com>
AuthorDate: Tue Sep 20 09:25:39 2022 +0800

    feat: use first blog as featured (#1329)
---
 blog/src/theme/BlogPosts/index.tsx         | 14 +++++++++-----
 blog/src/theme/BlogPosts/style.module.scss |  4 ++--
 2 files changed, 11 insertions(+), 7 deletions(-)

diff --git a/blog/src/theme/BlogPosts/index.tsx 
b/blog/src/theme/BlogPosts/index.tsx
index be0299685e8..cb17038b93e 100644
--- a/blog/src/theme/BlogPosts/index.tsx
+++ b/blog/src/theme/BlogPosts/index.tsx
@@ -199,12 +199,12 @@ const PickedBlogItem: FC<PickedBlogItemProps> = ({
     truncated={info.summary}
     {...{ delayMethod, delayTime, useIntersectionObserver }}
   >
-    <div className={style.featuredPost}>
+    {/* <div className={style.featuredPost}>
       {translate({
         id: 'blog.picked.posts.component.title',
         message: 'Featured',
       })}
-    </div>
+    </div> */}
     <p>{info.summary}</p>
   </BlogPostItem>
 );
@@ -233,7 +233,7 @@ const BlogPosts: FC<BlogPostsProps> = ({
 
   // max picked posts
   const max = pickedPosts.length > 6 ? 6 : pickedPosts.length;
-  const endIdx = isFirstPage ? 3 * Math.floor(max / 3) : 3;
+  const endIdx = 3 * Math.floor(max / 3);
   const { pathname } = useLocation();
 
   return (
@@ -253,7 +253,11 @@ const BlogPosts: FC<BlogPostsProps> = ({
                 [style.firstPage]: isFirstPage,
               })}
             >
-              {posts[0]}
+              <PickedBlogItem
+                key={pickedPosts[0].title}
+                info={pickedPosts[0]}
+                {...{ delayMethod, delayTime, useIntersectionObserver }}
+              />
             </section>
 
             <section className={style.sec}>
@@ -268,7 +272,7 @@ const BlogPosts: FC<BlogPostsProps> = ({
               })}
               >
                 {pickedPosts
-                  .slice(0, endIdx)
+                  .slice(1, endIdx + 1)
                   .map((info) => (
                     <PickedBlogItem
                       key={info.title}
diff --git a/blog/src/theme/BlogPosts/style.module.scss 
b/blog/src/theme/BlogPosts/style.module.scss
index 5aa15b97611..2f28455d55e 100644
--- a/blog/src/theme/BlogPosts/style.module.scss
+++ b/blog/src/theme/BlogPosts/style.module.scss
@@ -32,7 +32,7 @@
 
     header {
       &::before {
-        content: "LATEST POST";
+        content: "FEATURED POST";
         font-size: 0.7rem;
         font-weight: 800;
       }
@@ -253,7 +253,7 @@
 article.pickedPosts {
   $bg-color: #f5f5f7;
 
-  border-color: $bg-color;
+  // border-color: $bg-color;
   grid-column: initial;
   position: relative;