[#105] Feat: 다이어리 페이지 데이터 연동

Donggrina · Jun 18, 2024 · a8063cd · a8063cd
1 parent fa5390b
commit a8063cd
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 5 deletions.
diff --git a/components/family/diary/empty/family-diary-empty.tsx b/components/family/diary/empty/family-diary-empty.tsx
@@ -8,7 +8,7 @@ export default function FamilyDiaryContentsEmpty() {
     <div className={styles['diary-card']}>
       <p className={styles['diary-card__text']}>다이어리에 아직 작성 된 내용이 없어요!</p>
       <div className={styles['diary-card__button']}>
-        <Hyperlink href="/" className="primary" round>
+        <Hyperlink href="/diary" className="primary" round>
           <Image src="images/family/add-black-icon.svg" alt="" width="20" height="20" className={styles.icon} />
           다이어리 작성하러 가기
         </Hyperlink>

diff --git a/components/family/diary/family-diary-contents.tsx b/components/family/diary/family-diary-contents.tsx
@@ -1,11 +1,11 @@
-import { useFetchDiary } from '@/hooks/queries/family';
 import FamilyDiaryItem from '@/components/family/diary/item/family-diary-item';
 import FamilyDiaryContentsEmpty from '@/components/family/diary/empty/family-diary-empty';
 import CalendarInstance from '@/utils/date/date.utils';
+import { useDiaries } from '@/hooks/queries/diary/use-diary-query';
 
 export default function FamilyDiaryContents() {
   const date = CalendarInstance.getTodayData();
-  const diaryQuery = useFetchDiary(date);
+  const diaryQuery = useDiaries(date);
 
   if (!diaryQuery.data!.length) return <FamilyDiaryContentsEmpty />;
 

diff --git a/components/family/diary/family-diary.tsx b/components/family/diary/family-diary.tsx
@@ -3,12 +3,12 @@ import FamilyDiaryLayout from './layout/family-diary-layout';
 
 import FamilyDiaryContents from './family-diary-contents';
 import Suspensive from '@/components/suspensive/suspensive';
-import { useFetchDiary } from '@/hooks/queries/family';
 import CalendarInstance from '@/utils/date/date.utils';
+import { useDiaries } from '@/hooks/queries/diary/use-diary-query';
 
 export default function FamilyDiary() {
   const date = CalendarInstance.getTodayData();
-  const diaryQuery = useFetchDiary(date);
+  const diaryQuery = useDiaries(date);
 
   return (
     <FamilyDiaryLayout>