From fb968ecd4db870a2addb2283db6a711142a3480f Mon Sep 17 00:00:00 2001
From: Sungu Kim <108677235+haegu97@users.noreply.github.com>
Date: Sun, 5 Jan 2025 21:30:40 +0900
Subject: [PATCH] =?UTF-8?q?refactor:=20=EC=B7=A8=EC=86=8C=EB=90=9C=20?=
 =?UTF-8?q?=EB=AA=A8=EC=9E=84=20=EC=B1=84=ED=8C=85=20=EB=AA=A9=EB=A1=9D?=
 =?UTF-8?q?=EC=97=90=EC=84=9C=20=EC=82=AD=EC=A0=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../chat-card/types/variantChatCard.ts        |  1 +
 .../chat/container/BookClubChatContainer.tsx  | 46 ++++++++++---------
 2 files changed, 25 insertions(+), 22 deletions(-)

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 <div>에러가 발생했습니다</div>;
 
   return (
-    <section className="flex flex-1 items-center justify-center bg-gray-light-02 px-6 py-5">
+    <section className="flex flex-1 justify-center bg-gray-light-02 px-6 py-5">
       {isLoading ? (
         <Loading fullHeight={false} />
       ) : (
         <div className="mx-auto flex w-full max-w-[996px] flex-col gap-5">
-          {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 (
-              <Link key={id} href={`/chat/${bookClub.id}`}>
-                <ChatCard
-                  variant="bookClub"
-                  props={{
-                    ...bookClub,
-                    isHost: user?.id === bookClub.hostId,
-                    lastMessage: recentMessage?.content || '',
-                    lastMessageTime: recentMessage?.date
-                      ? formatDateForUI(recentMessage.date, 'CHAT_ROOM')
-                      : '',
-                  }}
-                />
-              </Link>
-            );
-          })}
+              return (
+                <Link key={id} href={`/chat/${bookClub.id}`}>
+                  <ChatCard
+                    variant="bookClub"
+                    props={{
+                      ...bookClub,
+                      isHost: user?.id === bookClub.hostId,
+                      lastMessage: recentMessage?.content || '',
+                      lastMessageTime: recentMessage?.date
+                        ? formatDateForUI(recentMessage.date, 'CHAT_ROOM')
+                        : '',
+                    }}
+                  />
+                </Link>
+              );
+            })}
         </div>
       )}
     </section>