[FIX] 9월 3주차 QA 사항 - 지현

src/api/comments/postLike.ts

@@ -5,6 +5,7 @@ export interface PostLikeRequest {
 }
 
 export interface PostLikeResponse {
+  isSuccess: boolean;
   code: number;
   status: string;
   message: string;
@@ -15,8 +16,17 @@ export interface PostLikeResponse {
 }
 
 export const postLike = async (commentId: number, type: boolean) => {
-  const response = await apiClient.post<PostLikeResponse>(`/comments/${commentId}/likes`, {
-    type,
-  });
-  return response.data;
+  try {
+    const response = await apiClient.post<PostLikeResponse>(`/comments/${commentId}/likes`, {
+      type,
+    });
+    return response.data;
+  } catch (error: any) {
+    console.error('댓글 좋아요 API 오류:', error);
+    // 서버에서 에러 응답을 보낸 경우 해당 응답을 반환
+    if (error.response?.data) {
+      return error.response.data;
+    }
+    throw error;
+  }
 };

src/api/comments/postReply.ts

@@ -17,6 +17,15 @@ export interface PostReplyResponse {
 }
 
 export const postReply = async (postId: number, request: PostReplyRequest) => {
-  const response = await apiClient.post<PostReplyResponse>(`/comments/${postId}`, request);
-  return response.data;
+  try {
+    const response = await apiClient.post<PostReplyResponse>(`/comments/${postId}`, request);
+    return response.data;
+  } catch (error: any) {
+    console.error('댓글 작성 API 오류:', error);
+    // 서버에서 에러 응답을 보낸 경우 해당 응답을 반환
+    if (error.response?.data) {
+      return error.response.data;
+    }
+    throw error;
+  }
 };

src/api/record/postVote.ts

@@ -6,8 +6,17 @@ export type VoteResponse = ApiResponse<VoteData>;
 
 // 투표하기 API 함수
 export const postVote = async (roomId: number, voteId: number, voteData: VoteRequest) => {
-  const response = await apiClient.post<VoteResponse>(`/rooms/${roomId}/vote/${voteId}`, voteData);
-  return response.data;
+  try {
+    const response = await apiClient.post<VoteResponse>(`/rooms/${roomId}/vote/${voteId}`, voteData);
+    return response.data;
+  } catch (error: any) {
+    console.error('투표 API 오류:', error);
+    // 서버에서 에러 응답을 보낸 경우 해당 응답을 반환
+    if (error.response?.data) {
+      return error.response.data;
+    }
+    throw error;
+  }
 };
 
 /*

src/api/roomPosts/postRoomPostLike.ts

@@ -12,8 +12,12 @@ export const postRoomPostLike = async (
       requestData,
     );
     return response.data;
-  } catch (error) {
+  } catch (error: any) {
     console.error('방 게시물 좋아요 API 오류:', error);
+    // 서버에서 에러 응답을 보낸 경우 해당 응답을 반환
+    if (error.response?.data) {
+      return error.response.data;
+    }
     throw error;
   }
 };

src/components/common/CommentBottomSheet/GlobalCommentBottomSheet.tsx

@@ -1,11 +1,15 @@
 import { useState, useEffect, useCallback } from 'react';
+import { useParams } from 'react-router-dom';
 import MessageInput from '@/components/today-words/MessageInput';
 import ReplyList from '@/components/common/Post/ReplyList';
 import { getComments, type CommentData } from '@/api/comments/getComments';
 import { postReply } from '@/api/comments/postReply';
 import { useReplyActions } from '@/hooks/useReplyActions';
 import { useReplyStore } from '@/stores/useReplyStore';
 import { useCommentBottomSheetStore } from '@/stores/useCommentBottomSheetStore';
+import { usePopupActions } from '@/hooks/usePopupActions';
+import { getRoomPlaying } from '@/api/rooms/getRoomPlaying';
+import { isRoomCompleted } from '@/utils/roomStatus';
 import {
   Overlay,
   BottomSheet,
@@ -17,15 +21,18 @@ import {
 } from './GlobalCommentBottomSheet.styled';
 
 const GlobalCommentBottomSheet = () => {
+  const { roomId } = useParams<{ roomId: string }>();
   const { isOpen, postId, postType, closeCommentBottomSheet } = useCommentBottomSheetStore();
-  
+
   const [commentList, setCommentList] = useState<CommentData[]>([]);
   const [inputValue, setInputValue] = useState('');
   const [isLoading, setIsLoading] = useState(false);
   const [isSending, setIsSending] = useState(false);
+  const [roomCompleted, setRoomCompleted] = useState(false);
 
   const { nickname, isReplying, cancelReply } = useReplyActions();
   const { parentId } = useReplyStore();
+  const { openSnackbar } = usePopupActions();
 
   // 댓글 목록 로드
   const loadComments = useCallback(async () => {
@@ -62,15 +69,27 @@ const GlobalCommentBottomSheet = () => {
       };
 
       const response = await postReply(postId, requestData);
-      
+
       if (response.isSuccess) {
         setInputValue('');
         cancelReply(); // 답글 상태 초기화
         // 댓글 목록 새로고침
         await loadComments();
+      } else {
+        // 서버에서 받은 에러 메시지 표시
+        openSnackbar({
+          message: response.message || '댓글 작성 중 오류가 발생했습니다.',
+          variant: 'top',
+          onClose: () => {},
+        });
       }
     } catch (error) {
       console.error('댓글 전송 실패:', error);
+      openSnackbar({
+        message: '네트워크 오류가 발생했습니다. 다시 시도해주세요.',
+        variant: 'top',
+        onClose: () => {},
+      });
     } finally {
       setIsSending(false);
     }
@@ -88,6 +107,27 @@ const GlobalCommentBottomSheet = () => {
     }
   };
 
+  // 모임방 상태 확인
+  useEffect(() => {
+    const checkRoomStatus = async () => {
+      if (!roomId) return;
+
+      try {
+        const response = await getRoomPlaying(parseInt(roomId));
+        if (response.isSuccess) {
+          const completed = isRoomCompleted(response.data.progressEndDate);
+          setRoomCompleted(completed);
+        }
+      } catch (error) {
+        console.error('모임방 상태 확인 오류:', error);
+      }
+    };
+
+    if (isOpen) {
+      checkRoomStatus();
+    }
+  }, [isOpen, roomId]);
+
   // 바텀시트가 열릴 때 댓글 로드
   useEffect(() => {
     if (isOpen) {
@@ -124,20 +164,22 @@ const GlobalCommentBottomSheet = () => {
           )}
         </Content>
 
-        <InputSection>
-          <MessageInput
-            placeholder={
-              isReplying ? `@${nickname}님에게 답글을 남겨보세요` : '댓글을 남겨보세요'
-            }
-            value={inputValue}
-            onChange={setInputValue}
-            onSend={handleSendComment}
-            isReplying={isReplying}
-            onCancelReply={handleCancelReply}
-            nickname={nickname}
-            disabled={isSending}
-          />
-        </InputSection>
+        {!roomCompleted && (
+          <InputSection>
+            <MessageInput
+              placeholder={
+                isReplying ? `@${nickname}님에게 답글을 남겨보세요` : '댓글을 남겨보세요'
+              }
+              value={inputValue}
+              onChange={setInputValue}
+              onSend={handleSendComment}
+              isReplying={isReplying}
+              onCancelReply={handleCancelReply}
+              nickname={nickname}
+              disabled={isSending}
+            />
+          </InputSection>
+        )}
       </BottomSheet>
     </Overlay>
   );

src/components/common/Modal/PopupContainer.tsx

@@ -42,11 +42,11 @@ const PopupContainer = () => {
       case 'confirm-modal':
         return (
           <Wrapper>
-            <ConfirmModal {...(popupProps as ConfirmModalProps)} />
+            <ConfirmModal {...(popupProps as ConfirmModalProps)} onClose={closePopup} />
           </Wrapper>
         );
       case 'moremenu':
-        return <MoreMenu {...(popupProps as MoreMenuProps)} />;
+        return <MoreMenu {...(popupProps as MoreMenuProps)} onClose={closePopup} />;
       case 'reply-modal':
         return <ReplyModal {...(popupProps as ReplyModalProps)} />;
       case 'snackbar':

src/components/common/Post/Reply.tsx

@@ -40,9 +40,19 @@ const Reply = ({
   const handleLike = async () => {
     try {
       const response = await postLike(commentId, !liked);
-      console.log('좋아요 상태 변경 성공:', response);
-      setLiked(response.data.isLiked);
-      setLikeCount(prev => (response.data.isLiked ? prev + 1 : prev - 1));
+
+      if (response.isSuccess) {
+        console.log('좋아요 상태 변경 성공:', response);
+        setLiked(response.data.isLiked);
+        setLikeCount(prev => (response.data.isLiked ? prev + 1 : prev - 1));
+      } else {
+        console.error('좋아요 상태 변경 실패:', response.message);
+        openSnackbar({
+          message: response.message || '좋아요 처리 중 오류가 발생했습니다.',
+          variant: 'top',
+          onClose: () => {},
+        });
+      }
     } catch (error) {
       console.error('좋아요 상태 변경 실패:', error);
     }

src/components/common/Post/SubReply.tsx

@@ -46,11 +46,20 @@ const SubReply = ({
   const handleLike = async () => {
     try {
       const response = await postLike(commentId, !liked);
-      console.log('좋아요 상태 변경 성공:', response);
 
-      // 서버 응답으로 상태 업데이트
-      setLiked(response.data.isLiked);
-      setCurrentLikeCount(prev => (response.data.isLiked ? prev + 1 : prev - 1));
+      if (response.isSuccess) {
+        console.log('좋아요 상태 변경 성공:', response);
+        // 서버 응답으로 상태 업데이트
+        setLiked(response.data.isLiked);
+        setCurrentLikeCount(prev => (response.data.isLiked ? prev + 1 : prev - 1));
+      } else {
+        console.error('좋아요 상태 변경 실패:', response.message);
+        openSnackbar({
+          message: response.message || '좋아요 처리 중 오류가 발생했습니다.',
+          variant: 'top',
+          onClose: () => {},
+        });
+      }
     } catch (error) {
       console.error('좋아요 상태 변경 실패:', error);
     }

src/components/common/TitleHeader.tsx

@@ -78,7 +78,7 @@ const TitleHeader = ({
           {rightIcon}
         </div>
       ) : rightButton ? (
-        <NextButton onClick={onRightClick} active={isNextActive}>
+        <NextButton onClick={isNextActive ? onRightClick : undefined} active={isNextActive}>
           {rightButton}
         </NextButton>
       ) : (

src/components/group/HotTopicSection.tsx

@@ -32,11 +32,11 @@ export interface Poll {
 interface HotTopicSectionProps {
   polls: Poll[];
   hasPolls: boolean;
-  onClick: () => void;
+  onClick?: () => void;
   onPollClick: (pageNumber: number) => void;
 }
 
-const HotTopicSection = ({ polls, hasPolls, onClick, onPollClick }: HotTopicSectionProps) => {
+const HotTopicSection = ({ polls, hasPolls, onPollClick }: HotTopicSectionProps) => {
   const [currentPollIndex, setCurrentPollIndex] = useState(0);
   const slideRef = useRef<HTMLDivElement>(null);
   const [isDragging, setIsDragging] = useState(false);
@@ -46,17 +46,32 @@ const HotTopicSection = ({ polls, hasPolls, onClick, onPollClick }: HotTopicSect
   const dragStateRef = useRef({
     startX: 0,
     startTranslateX: 0,
+    hasMoved: false,
   });
 
   const containerWidth = 100; // 각 슬라이드의 width %
 
   // 투표 옵션 클릭 시 해당 페이지로 이동
-  const handleVoteClick = (poll: Poll) => {
-    if (!isDragging) {
+  const handleVoteClick = (e: React.MouseEvent | React.TouchEvent, poll: Poll) => {
+    e.stopPropagation();
+    if (!isDragging || !dragStateRef.current.hasMoved) {
+      onPollClick(poll.pageNumber);
+    }
+  };
+
+  // 터치 이벤트 핸들러
+  const handleVoteTouchEnd = (e: React.TouchEvent, poll: Poll) => {
+    e.preventDefault();
+    e.stopPropagation();
+    if (!isDragging || !dragStateRef.current.hasMoved) {
       onPollClick(poll.pageNumber);
     }
   };
 
+  const handleVoteTouchStart = (e: React.TouchEvent) => {
+    e.stopPropagation();
+  };
+
   // 슬라이드 위치 계산
   const getTargetTranslateX = (index: number) => {
     return -index * containerWidth;
@@ -81,6 +96,7 @@ const HotTopicSection = ({ polls, hasPolls, onClick, onPollClick }: HotTopicSect
       setIsDragging(true);
       dragStateRef.current.startX = clientX;
       dragStateRef.current.startTranslateX = translateX;
+      dragStateRef.current.hasMoved = false;
     },
     [translateX],
   );
@@ -91,6 +107,11 @@ const HotTopicSection = ({ polls, hasPolls, onClick, onPollClick }: HotTopicSect
       if (!isDragging) return;
 
       const deltaX = clientX - dragStateRef.current.startX;
+
+      if (Math.abs(deltaX) > 5) {
+        dragStateRef.current.hasMoved = true;
+      }
+
       const newTranslateX =
         dragStateRef.current.startTranslateX + (deltaX / window.innerWidth) * 100;
 
@@ -166,7 +187,9 @@ const HotTopicSection = ({ polls, hasPolls, onClick, onPollClick }: HotTopicSect
     return poll.options.map((option, index) => (
       <StyledVoteOption
         key={option.id}
-        onClick={() => handleVoteClick(poll)}
+        onClick={e => handleVoteClick(e, poll)}
+        onTouchStart={handleVoteTouchStart}
+        onTouchEnd={e => handleVoteTouchEnd(e, poll)}
         style={{ cursor: isDragging ? 'grabbing' : 'pointer' }}
       >
         <VoteOptionNumber>{index + 1}.</VoteOptionNumber>
@@ -228,7 +251,7 @@ const HotTopicSection = ({ polls, hasPolls, onClick, onPollClick }: HotTopicSect
 
   return (
     <StyledHotTopicSection>
-      <HotTopicSectionHeader onClick={onClick}>
+      <HotTopicSectionHeader>
         <HotTopicSectionTitle>모임방의 뜨거운 감자</HotTopicSectionTitle>
       </HotTopicSectionHeader>
       {renderPollContent()}