Preserve paragraphs in comments (#129)

* Preserve paragraphs in comments * Ignore eslint * Use pre-wrap * Sanitize new comments
likeandscribe · Sep 25, 2024 · 743bcac · 743bcac
1 parent 14f208f
commit 743bcac
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 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,7 +120,7 @@ async function LiveComment({
             <TimeAgo createdAt={comment.createdAt} side="bottom" />
           </Link>
         </div>
-        <p>{comment.body}</p>
+        <p className="whitespace-pre-wrap">{comment.body}</p>
       </CommentClientWrapperWithToolbar>
 
       {comment.children?.map((comment) => (

diff --git a/packages/frontpage/lib/data/atproto/comment.ts b/packages/frontpage/lib/data/atproto/comment.ts
@@ -36,8 +36,10 @@ type CommentInput = {
 
 export async function createComment({ parent, post, content }: CommentInput) {
   await ensureIsInBeta();
+  // Collapse newlines into a single \n\n and trim whitespace
+  const sanitizedContent = content.replace(/\n\n+/g, "\n\n").trim();
   const record = {
-    content,
+    content: sanitizedContent,
     parent: parent
       ? {
           cid: parent.cid,