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 && ( - - )} +
))}