Merge pull request #1068 from peer-42seoul/1065-106-d-tp-team-board-e…

…mpty-comment-bug

[1.0.6 / D-TP] 팀 페이지 게시판 댓글 버그 수정

src/components/board/CommentForm.tsx

@@ -20,11 +20,17 @@ export const CommentForm = ({ postId, teamId }: ICommentFormProps) => {
     e.preventDefault()
     setIsLoading(true)
     const formData = new FormData(e.currentTarget)
+    const content = formData.get('new-content') as string
+    if (!content) {
+      setIsLoading(false)
+      openToast({ severity: 'error', message: '댓글을 입력해주세요.' })
+      return
+    }
     axiosWithAuth
       .post('/api/v1/team/post/comment/', {
         teamId: teamId,
         postId: postId,
-        content: formData.get('new-content') as string,
+        content,
       })
       .then(() => {
         setIsLoading(false)

src/components/board/CommentList.tsx

@@ -28,9 +28,14 @@ const Comment = ({ comment, postId }: ICommentProps) => {
   const handleEdit = (e: FormEvent<HTMLFormElement>) => {
     e.preventDefault()
     const formData = new FormData(e.currentTarget)
+    const content = formData.get('content') as string
+    if (!content) {
+      openToast({ severity: 'error', message: '댓글을 입력해주세요.' })
+      return
+    }
     axiosWithAuth
       .put(`/api/v1/team/post/comment/${comment.answerId}`, {
-        content: formData.get('content') as string,
+        content,
       })
       .then(() => {
         openToast({ severity: 'success', message: '댓글을 수정했습니다.' })

src/components/board/CommentPanel.tsx

@@ -219,7 +219,7 @@ export const CommentItem = ({
             </Stack>
           </form>
         ) : (
-          <Box sx={{ paddingRight: '2.5rem' }}>
+          <Box sx={{ paddingRight: '2.5rem', wordBreak: 'break-all' }}>
             <Typography variant={'Body2'}>{comment.content}</Typography>
             <Typography variant={'Tag'} color={'text.assistive'}>
               {dayjs(comment.createdAt).format('YYYY년 M월 D일 h:m A')}