hotfix: goupping page 버그 수정

gloddy-dev · Mar 19, 2024 · e65e38c · e65e38c
1 parent 247f42e
commit e65e38c
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 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
@@ -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
@@ -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 (