From 88aee95b4a46dfc6eb2233ed6a7091393d17666c Mon Sep 17 00:00:00 2001
From: boojack <stevenlgtm@gmail.com>
Date: Wed, 11 Dec 2024 17:44:59 +0800
Subject: [PATCH] chore: add read more in changelogs (#482)

---
 src/components/pages/changelog/posts-list/posts-list.tsx | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/src/components/pages/changelog/posts-list/posts-list.tsx b/src/components/pages/changelog/posts-list/posts-list.tsx
index dd4f752a..3e416124 100644
--- a/src/components/pages/changelog/posts-list/posts-list.tsx
+++ b/src/components/pages/changelog/posts-list/posts-list.tsx
@@ -29,6 +29,7 @@ const PostsList = ({ posts, page, pageCount }: PostsListProps) => {
             const date = new Date(updated_at);
             const formattedDate = format(date, 'MMM dd, yyyy');
             const preview = getPostPreview(content);
+            const isFullLoaded = preview === content;
 
             return (
               <li key={slug} className={clsx(index !== 0 && 'border-gray-90 sm:border-t sm:pt-7')}>
@@ -70,6 +71,14 @@ const PostsList = ({ posts, page, pageCount }: PostsListProps) => {
                       </Link>
                     </h2>
                     <Content content={preview} className="content-sm mt-9 lg:mt-6 md:mt-5" />
+                    {!isFullLoaded && (
+                      <Link
+                        href={`${Route.CHANGELOG}/${slug}`}
+                        className="text-14 font-semibold leading-none text-primary-1 hover:underline"
+                      >
+                        Read more
+                      </Link>
+                    )}
                   </div>
                 </article>
               </li>