Merge pull request #99 from Leets-Official/98-fix/채팅-연결-오류-수정

[Fix] 채팅 연결 오류 수정

Author: KyeongJooni

src/pages/chat/model/useChatState.ts

@@ -40,7 +40,8 @@ export const useChatState = () => {
   // rooms에서 선택된 방 정보 가져오기
   const selectedRoom = rooms.find((r) => r.roomId === selectedRoomId);
   const postId = selectedRoom?.postId ?? null;
-  const { data: currentRoom, isLoading: isRoomLoading } = useChatRoomQuery(postId);
+  const partnerId = selectedRoom?.partnerId ?? null;
+  const { data: currentRoom, isLoading: isRoomLoading } = useChatRoomQuery(postId, partnerId);
 
   const isLoading = isMessagesLoading || isRoomLoading;
 

src/shared/apis/chat/api.ts

@@ -15,6 +15,13 @@ export const createOrGetRoom = async (postId: number): Promise<ChatRoomData> =>
   return response.data.data;
 };
 
+export const getRoomByPostId = async (postId: number, partnerId: number): Promise<ChatRoomData> => {
+  const response = await axiosInstance.get<CreateRoomResponseBody>(CHAT_ENDPOINTS.ROOM(postId), {
+    params: { partnerId },
+  });
+  return response.data.data;
+};
+
 export const getChatRooms = async (): Promise<ChatRoomListItem[]> => {
   const response = await axiosInstance.get<ChatRoomListResponseBody>(CHAT_ENDPOINTS.ROOMS);
   return response.data.data;

src/shared/apis/chat/queries.ts

@@ -1,6 +1,6 @@
 import { useAuthStore } from '@shared/stores';
 import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
-import { checkUnreadMessages, createOrGetRoom, getChatMessages, getChatRooms } from './api';
+import { checkUnreadMessages, createOrGetRoom, getChatMessages, getChatRooms, getRoomByPostId } from './api';
 import { chatKeys } from './keys';
 
 export const useChatRoomsQuery = () => {
@@ -30,11 +30,11 @@ export const useCreateRoomMutation = () => {
   });
 };
 
-export const useChatRoomQuery = (postId: number | null) => {
+export const useChatRoomQuery = (postId: number | null, partnerId: number | null) => {
   return useQuery({
     queryKey: chatKeys.roomByPost(postId!),
-    queryFn: () => createOrGetRoom(postId!),
-    enabled: postId !== null,
+    queryFn: () => getRoomByPostId(postId!, partnerId!),
+    enabled: postId !== null && partnerId !== null,
     staleTime: 5 * 60 * 1000,
   });
 };