Use pre-wrap

likeandscribe · Sep 25, 2024 · c983f8e · c983f8e
1 parent 9989aeb
commit c983f8e
Showing 1 changed file with 1 addition and 8 deletions.
diff --git a/packages/frontpage/app/(app)/post/[postAuthor]/[postRkey]/_lib/comment.tsx b/packages/frontpage/app/(app)/post/[postAuthor]/[postRkey]/_lib/comment.tsx
@@ -120,14 +120,7 @@ async function LiveComment({
             <TimeAgo createdAt={comment.createdAt} side="bottom" />
           </Link>
         </div>
-        {comment.body?.split("\n").map((line, index) => (
-          <p
-            // eslint-disable-next-line react/no-array-index-key
-            key={index}
-          >
-            {line}
-          </p>
-        ))}
+        <p className="whitespace-pre-wrap">{comment.body}</p>
       </CommentClientWrapperWithToolbar>
 
       {comment.children?.map((comment) => (