Fix: chatting 도메인 api 응답 수정

Author: gustn99

src/apis/chatting/dto.ts

@@ -2,15 +2,15 @@
 // base response 형태를 따르지 않으므로 data 접미사를 사용했습니다.
 // response
 export interface ChatRoomData {
-	chatRoomId: number;
+	id: number;
 	otherUser: OtherUserDto;
 	latestMessage: LatestMessageDto;
 }
 
 export interface OtherUserDto {
 	id: number;
 	nickname: string;
-	profileUrl: string;
+	profilePictureUrl: string;
 }
 
 export interface LatestMessageDto {

src/pages/Chats/ChatRoom/createExtendedMessages.ts

@@ -58,7 +58,7 @@ export const createExtendedMessages = (
 			// 받은 메시지일 경우 rcvdMessage 속성 추가
 			const rcvdMessage: RcvdMessageProps = {
 				fromUserNickname: opponentInfo?.nickname || '알수없음',
-				profilePictureUrl: opponentInfo?.profileUrl || defaultProfile,
+				profilePictureUrl: opponentInfo?.profilePictureUrl || defaultProfile,
 				content: message.content,
 				isProfileImageVisible,
 				isSenderChanged,

src/pages/Chats/ChatRoomItem/index.tsx

@@ -11,14 +11,14 @@ import type { ChatRoomData } from '@apis/chatting/dto';
 import defaultProfile from '@assets/default/defaultProfile.svg';
 dayjs.extend(relativeTime);
 
-const ChatRoomItem: React.FC<ChatRoomData> = ({ chatRoomId, otherUser, latestMessage }) => {
+const ChatRoomItem: React.FC<ChatRoomData> = ({ id, otherUser, latestMessage }) => {
 	const [timeAgo, setTimeAgo] = useState<string | null>(null);
 	const [, setOpponentInfo] = useRecoilState(OpponentInfoAtom);
 	const nav = useNavigate();
 
 	const handleChatRoomClick = () => {
 		setOpponentInfo(otherUser);
-		nav(`/chats/${chatRoomId}`);
+		nav(`/chats/${id}`);
 	};
 
 	useEffect(() => {
@@ -40,7 +40,7 @@ const ChatRoomItem: React.FC<ChatRoomData> = ({ chatRoomId, otherUser, latestMes
 
 	return (
 		<ChatRoomItemLayout onClick={handleChatRoomClick}>
-			<UserImage src={otherUser?.profileUrl || defaultProfile} alt="user" />
+			<UserImage src={otherUser?.profilePictureUrl || defaultProfile} alt="user" />
 			<LeftBox>
 				<StyledText $textTheme={{ style: 'body2-medium' }} color="#1D1D1D">
 					{otherUser?.nickname || '알수없음'}

src/pages/Chats/Matching/Cards/Card/index.tsx

@@ -61,7 +61,7 @@ const Card: React.FC<CardProps> = ({ removeRejectedMatching, matching }) => {
 					setOpponentInfo({
 						id: requester.id,
 						nickname: requester.nickname,
-						profileUrl: requester.profilePictureUrl,
+						profilePictureUrl: requester.profilePictureUrl,
 					});
 					nav(`/chats/${response.data.chatRoomId}`);
 				}

src/pages/Chats/RecentChat/index.tsx

@@ -50,8 +50,8 @@ const RecentChat: React.FC<RecentChatProps> = () => {
 						최근 채팅방
 					</RecentChatInfo>
 					<ChatRoomList>
-						{chatRoomList.map((room) => (
-							<ChatRoomItem key={room.chatRoomId} {...room} />
+						{chatRoomList.map((chatRoom) => (
+							<ChatRoomItem key={chatRoom.id} {...chatRoom} />
 						))}
 					</ChatRoomList>
 				</>