Merge pull request #329 from SlamTalk/refactor/286-matching-content

#286 상세 페이지 상세 내용 줄바꿈 출력 안되는 문제 수정
SlamTalk · May 15, 2024 · 829e677 · 829e677
2 parents fda33d3 + 70f1ced
commit 829e677
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 3 deletions.
diff --git a/src/app/matching/mate-details/[postId]/page.tsx b/src/app/matching/mate-details/[postId]/page.tsx
@@ -282,7 +282,12 @@ const MateDetailsPage = () => {
       <div className="mx-6 mb-4">
         <div className="text-sm font-semibold">상세 내용</div>
         <p className="mb-6 mt-2 h-[100px] overflow-y-auto break-words rounded-md border-2 p-3">
-          {data.content}
+          {data.content.split('\n').map((line) => (
+            <>
+              {line}
+              <br />
+            </>
+          ))}
         </p>
       </div>
 

diff --git a/src/app/matching/team-details/[postId]/page.tsx b/src/app/matching/team-details/[postId]/page.tsx
@@ -294,10 +294,14 @@ const TeamDetailsPage = () => {
       <div className="mx-6 mb-4">
         <div className="text-sm font-semibold">상세 내용</div>
         <p className="mb-6 mt-2 h-[100px] overflow-y-auto break-words rounded-md border-2 p-3">
-          {data.content}
+          {data.content.split('\n').map((line) => (
+            <>
+              {line}
+              <br />
+            </>
+          ))}
         </p>
       </div>
-
       {/* 지원자 리스트 */}
       <div className="mx-6 mb-4">
         <div className="text-sm font-semibold">지원자 리스트</div>