From e65e38c3b2d7dee33c2c7b4a110ec069767942bc Mon Sep 17 00:00:00 2001
From: dev-dong-su <fkdlrj1230@gmail.com>
Date: Tue, 19 Mar 2024 18:38:50 +0900
Subject: [PATCH] =?UTF-8?q?hotfix:=20goupping=20page=20=EB=B2=84=EA=B7=B8?=
 =?UTF-8?q?=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../(main)/grouping/components/GroupingCardList.client.tsx | 7 +++++--
 packages/web/src/components/Empty/Empty.tsx                | 2 +-
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/packages/web/src/app/[lng]/(main)/grouping/components/GroupingCardList.client.tsx b/packages/web/src/app/[lng]/(main)/grouping/components/GroupingCardList.client.tsx
index 1022a4643..ece579f19 100644
--- a/packages/web/src/app/[lng]/(main)/grouping/components/GroupingCardList.client.tsx
+++ b/packages/web/src/app/[lng]/(main)/grouping/components/GroupingCardList.client.tsx
@@ -2,9 +2,11 @@
 import { useEffect } from 'react';
 import { useInView } from 'react-intersection-observer';
 
+import NoMeeting from '../../meeting/components/NoMeeting';
+
 import { useGetGroups } from '@/apis/groups';
+import { useTranslation } from '@/app/i18n/client';
 import { GroupingCard } from '@/components/Card';
-import { Empty } from '@/components/Empty';
 import { ItemList } from '@/components/List';
 import { useBlockStore } from '@/store/useBlockStore';
 
@@ -13,6 +15,7 @@ interface GroupingCardList {
 }
 
 export default function GroupingCardList({ lng }: GroupingCardList) {
+  const { t } = useTranslation('grouping');
   const { ref, inView } = useInView();
   const { blockGroupIds } = useBlockStore();
   const { data: groupList, fetchNextPage, hasNextPage } = useGetGroups();
@@ -28,7 +31,7 @@ export default function GroupingCardList({ lng }: GroupingCardList) {
         renderItem={(group) => {
           return !blockGroupIds.includes(group.groupId) && <GroupingCard groupingData={group} />;
         }}
-        renderEmpty={() => <Empty lng={lng} ns={'grouping'} message={'noGroup'} />}
+        renderEmpty={() => <NoMeeting message={t('noGroup')} />}
       />
       <div ref={ref} />
     </>
diff --git a/packages/web/src/components/Empty/Empty.tsx b/packages/web/src/components/Empty/Empty.tsx
index af8fe1998..a603d96ef 100644
--- a/packages/web/src/components/Empty/Empty.tsx
+++ b/packages/web/src/components/Empty/Empty.tsx
@@ -8,7 +8,7 @@ interface NoMeetingProps {
   lng: string;
   message: string;
 }
-export default async function NoMeeting({ lng, ns, message }: NoMeetingProps) {
+export default async function Empty({ lng, ns, message }: NoMeetingProps) {
   const { t } = await serverTranslation(lng, ns);
 
   return (