From e32c7efab217f178178d66e90b54e926e105ae0c Mon Sep 17 00:00:00 2001
From: Jeff Sieu <jeffsy00@gmail.com>
Date: Tue, 8 Nov 2022 02:10:21 +0800
Subject: [PATCH] [questions][fix] show line breaks in answers, comments

---
 apps/portal/src/components/questions/card/AnswerCard.tsx        | 2 +-
 .../src/components/questions/comments/CommentListItem.tsx       | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/portal/src/components/questions/card/AnswerCard.tsx b/apps/portal/src/components/questions/card/AnswerCard.tsx
index 68e94d17..256dc3e9 100644
--- a/apps/portal/src/components/questions/card/AnswerCard.tsx
+++ b/apps/portal/src/components/questions/card/AnswerCard.tsx
@@ -53,7 +53,7 @@ export default function AnswerCard({
             Posted on: {format(createdAt, 'h:mm a, MMMM dd, yyyy')}
           </p>
         </div>
-        <p>{content}</p>
+        <p className="whitespace-pre-line">{content}</p>
         {commentCount !== undefined && (
           <div className="flex items-center gap-2 text-slate-500">
             <ChatBubbleLeftRightIcon className="h-6 w-6" />
diff --git a/apps/portal/src/components/questions/comments/CommentListItem.tsx b/apps/portal/src/components/questions/comments/CommentListItem.tsx
index 1039e51c..50c44f11 100644
--- a/apps/portal/src/components/questions/comments/CommentListItem.tsx
+++ b/apps/portal/src/components/questions/comments/CommentListItem.tsx
@@ -44,7 +44,7 @@ export default function CommentListItem({
             Posted on: {format(createdAt, 'h:mm a, MMMM dd, yyyy')}
           </p>
         </div>
-        <p className="pl-1 pt-1">{content}</p>
+        <p className="whitespace-pre-line">{content}</p>
       </div>
     </div>
   );