From c4348d9b5ec36701910c6e9da4ae4e3603f5dd5f Mon Sep 17 00:00:00 2001
From: Stevan Freeborn <65925598+StevanFreeborn@users.noreply.github.com>
Date: Mon, 11 Sep 2023 20:45:01 -0500
Subject: [PATCH] feat: limit post content to 10 lines and height of ~320px
 then display show more link

---
 src/components/Post.tsx | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/src/components/Post.tsx b/src/components/Post.tsx
index 0f66478..1fc8d28 100644
--- a/src/components/Post.tsx
+++ b/src/components/Post.tsx
@@ -104,8 +104,20 @@ export default function Post({ post }: { post: PostWithUserDto }) {
             </div>
           </div>
         </div>
+        <div className='max-h-80 overflow-hidden text-ellipsis'>
+          <PostContent
+            content={Text.of(post.content.slice(0, 10)).toString()}
+          />
+        </div>
         <div>
-          <PostContent content={Text.of(post.content).toString()} />
+          {post.content.length > 10 ? (
+            <Link
+              className='font-semibold text-primary-accent'
+              href={`/posts/${post._id}`}
+            >
+              Show more
+            </Link>
+          ) : null}
         </div>
         <div></div>
       </div>