diff --git a/frontend/src/components/AnswerListRecheckModal/index.tsx b/frontend/src/components/AnswerListRecheckModal/index.tsx index 1da029cd0..283226249 100644 --- a/frontend/src/components/AnswerListRecheckModal/index.tsx +++ b/frontend/src/components/AnswerListRecheckModal/index.tsx @@ -1,5 +1,6 @@ import { Fragment } from 'react'; +import { MultilineTextViewer } from '@/components'; import { ReviewWritingAnswer, ReviewWritingCardSection } from '@/types'; import CheckboxItem from '../common/CheckboxItem'; @@ -54,7 +55,9 @@ const AnswerListRecheckModal = ({ questionSectionList, answerMap, closeModal }: ))} )} -
{question.questionType === 'TEXT' &&
{findTextAnswer(question.questionId)}
}
+ {question.questionType === 'TEXT' && ( + + )} ))} diff --git a/frontend/src/components/common/MultilineTextViewer/index.tsx b/frontend/src/components/common/MultilineTextViewer/index.tsx index 14fc0f6d7..6c39d0ce2 100644 --- a/frontend/src/components/common/MultilineTextViewer/index.tsx +++ b/frontend/src/components/common/MultilineTextViewer/index.tsx @@ -1,4 +1,4 @@ -import React from 'react'; +import * as S from './styles'; interface MultilineTextViewerProps { text: string; @@ -8,10 +8,10 @@ const MultilineTextViewer = ({ text }: MultilineTextViewerProps) => { return ( <> {text.split('\n').map((line, index) => ( - + {line}
-
+ ))} ); diff --git a/frontend/src/components/common/MultilineTextViewer/styles.ts b/frontend/src/components/common/MultilineTextViewer/styles.ts new file mode 100644 index 000000000..a5ef99e88 --- /dev/null +++ b/frontend/src/components/common/MultilineTextViewer/styles.ts @@ -0,0 +1,5 @@ +import styled from '@emotion/styled'; + +export const MultilineText = styled.div` + word-wrap: break-word; +`;