diff --git a/frontend/src/components/ChatRoom.tsx b/frontend/src/components/ChatRoom.tsx
index c1ac63f5..bc02a7d2 100644
--- a/frontend/src/components/ChatRoom.tsx
+++ b/frontend/src/components/ChatRoom.tsx
@@ -198,10 +198,10 @@ function ChatRoom({ chatRoomId, postTitle, onBack }: ChatRoomProps) {
const result = await response.json();
const serverParticipants: ServerChatParticipant[] = result || [];
const mappedParticipants: ChatParticipant[] = serverParticipants.map((p) => ({
- id: p.memberId,
- name: p.memberName || "Unknown User",
- image: p.memberImage,
- status: p.chatMemberStatus || "UNKNOWN",
+ id: p.member_id,
+ name: p.member_name || "이름",
+ image: p.member_image,
+ status: p.chat_member_status || "상태",
}));
setParticipants(mappedParticipants);
} catch (err: any) {
@@ -378,27 +378,26 @@ function ChatRoom({ chatRoomId, postTitle, onBack }: ChatRoomProps) {
{postTitle || `채팅방 ${chatRoomId}`}
- {/* TODO: 채팅 Info 버튼 - 기능 구현 필요*/}
- {/**/}
+
{/* Main Chat Area */}
@@ -454,28 +453,10 @@ function ChatRoom({ chatRoomId, postTitle, onBack }: ChatRoomProps) {
참여중인 멤버
-
- {currentUserParticipant && (
+ {/* TODO: 상태 변경 기능 보수 */}
+ {/* {currentUserParticipant && (
내 상태
- )}
+ )} */}
{loadingParticipants && (
@@ -525,7 +504,10 @@ function ChatRoom({ chatRoomId, postTitle, onBack }: ChatRoomProps) {
key={participant.id}
className="flex items-center justify-between p-2 hover:bg-[#f0f2f5] rounded-md transition-colors"
>
-
+
-
- {participant.id !== currentMemberId && (
-
- )}
+
))}