diff --git a/src/features/chat/components/chat-card/types/variantChatCard.ts b/src/features/chat/components/chat-card/types/variantChatCard.ts index 19cebbaf..dc32e839 100644 --- a/src/features/chat/components/chat-card/types/variantChatCard.ts +++ b/src/features/chat/components/chat-card/types/variantChatCard.ts @@ -13,6 +13,7 @@ export interface BookClubProps extends CommonProps { lastMessageTime?: string; unreadCount?: number; hostId?: number; + isInactive?: boolean; } export interface ChatRoomHeaderProps extends CommonProps { diff --git a/src/features/chat/container/BookClubChatContainer.tsx b/src/features/chat/container/BookClubChatContainer.tsx index e12518f7..c9a4fcc7 100644 --- a/src/features/chat/container/BookClubChatContainer.tsx +++ b/src/features/chat/container/BookClubChatContainer.tsx @@ -51,33 +51,35 @@ export default function BookClubChatContainer() { if (error) return
에러가 발생했습니다
; return ( -
+
{isLoading ? ( ) : (
- {bookClubChats.map((bookClub: BookClubProps, id: number) => { - const recentMessage = findRecentMessage( - recentMessages, - Number(bookClub.id), - ); + {bookClubChats + .filter((bookClub: BookClubProps) => !bookClub.isInactive) + .map((bookClub: BookClubProps, id: number) => { + const recentMessage = findRecentMessage( + recentMessages, + Number(bookClub.id), + ); - return ( - - - - ); - })} + return ( + + + + ); + })}
)}