From 454062f6aa63bcb3a1f65fb038d0e822c3afede6 Mon Sep 17 00:00:00 2001
From: contradiction29 <sora32127@gmail.com>
Date: Sun, 14 Apr 2024 21:54:39 +0900
Subject: [PATCH] Add whitespace property to CommentCard
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

コメント欄において、改行文字が改行として反映されない事象が発生していた。
whitespace属性を設定して改行が反映されることを確認した。
---
 app/components/CommentCard.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/components/CommentCard.tsx b/app/components/CommentCard.tsx
index d10f3ff1..fb29a3d2 100644
--- a/app/components/CommentCard.tsx
+++ b/app/components/CommentCard.tsx
@@ -102,7 +102,7 @@ export default function CommentCard({
         <img src={clockIcon} alt="Comment Date" className="h-5 w-5 mr-2" />
         <p className="text-gray-600 text-sm">{formattedCommentDate}</p>
       </div>
-      <p className="mt-2">{commentContent}</p>
+      <p className="mt-2 whitespace-pre">{commentContent}</p>
       <div className="flex items-center mt-4">
         <button
           className={`flex items-center mr-4 bg-gray-200 rounded-md px-2 py-2 ${