From d5119793667093a7e8d7cb3a7c0e4c4736456690 Mon Sep 17 00:00:00 2001
From: d5ng <dong5ffice@gmail.com>
Date: Tue, 25 Jun 2024 01:14:45 +0900
Subject: [PATCH] =?UTF-8?q?=EC=9E=90=EC=9E=98=ED=95=9C=20=EC=88=98?=
 =?UTF-8?q?=EC=A0=95=20v1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/calendar/index.tsx                       | 3 +--
 pages/diaries/[diaryId]/edit/index.module.scss | 4 ++++
 pages/diaries/[diaryId]/edit/index.tsx         | 2 +-
 pages/diaries/create/create.module.scss        | 2 +-
 pages/diaries/create/index.tsx                 | 2 +-
 pages/growth/[growthId]/edit/index.tsx         | 1 -
 pages/growth/create/index.tsx                  | 1 -
 7 files changed, 8 insertions(+), 7 deletions(-)

diff --git a/pages/calendar/index.tsx b/pages/calendar/index.tsx
index 8aa43e5a..2d04cde3 100644
--- a/pages/calendar/index.tsx
+++ b/pages/calendar/index.tsx
@@ -32,7 +32,6 @@ export default function CalendarPage() {
   const monthlyTodosQuery = useMonthlyTodosQuery(yearMonth);
   const dailyTodosQuery = useDailyTodosQuery(yearMonthDate);
 
-  if (!dailyTodosQuery.isFetchedAfterMount) return;
   if (dailyTodosQuery.isPending || monthlyTodosQuery.isPending) return <p>loading</p>;
   if (dailyTodosQuery.isError || monthlyTodosQuery.isError) return <p>Error</p>;
 
@@ -60,7 +59,7 @@ export default function CalendarPage() {
         </div>
         <CalendarMonthly monthlyTodos={monthlyTodosQuery.data} />
         <CalendarTodoDate />
-        <CalendarTodos dailyTodos={dailyTodosQuery.data} />
+        {dailyTodosQuery.isFetchedAfterMount && <CalendarTodos dailyTodos={dailyTodosQuery.data} />}
         <CreateTodoButton />
       </Calendar>
     </main>
diff --git a/pages/diaries/[diaryId]/edit/index.module.scss b/pages/diaries/[diaryId]/edit/index.module.scss
index 32e5acc4..8e040f25 100644
--- a/pages/diaries/[diaryId]/edit/index.module.scss
+++ b/pages/diaries/[diaryId]/edit/index.module.scss
@@ -1,3 +1,7 @@
+.button-container {
+  margin: 0 24px;
+}
+
 .submit {
   width: 100%;
   padding: 14px;
diff --git a/pages/diaries/[diaryId]/edit/index.tsx b/pages/diaries/[diaryId]/edit/index.tsx
index 86070737..d4b8b3d6 100644
--- a/pages/diaries/[diaryId]/edit/index.tsx
+++ b/pages/diaries/[diaryId]/edit/index.tsx
@@ -66,7 +66,7 @@ export default function DiaryEditPage(props: InferGetServerSidePropsType<typeof
           <DiaryEditShare />
           <DiaryEditDate initialDate={props.diaryData.date} />
 
-          <div className={styles.button}>
+          <div className={styles['button-container']}>
             <button
               className={classNames(styles.submit, {
                 [styles.disabled]: !isValid,
diff --git a/pages/diaries/create/create.module.scss b/pages/diaries/create/create.module.scss
index c4b37018..a6877276 100644
--- a/pages/diaries/create/create.module.scss
+++ b/pages/diaries/create/create.module.scss
@@ -4,7 +4,7 @@
 
 .petSelect {
   padding: 0 24px;
-  margin-top: 30px;
+  margin: 30px 0;
 }
 
 .pets {
diff --git a/pages/diaries/create/index.tsx b/pages/diaries/create/index.tsx
index 6241f039..4fe3e64c 100644
--- a/pages/diaries/create/index.tsx
+++ b/pages/diaries/create/index.tsx
@@ -152,7 +152,7 @@ export default function DiaryCreate() {
             </PetSelect>
           </div>
           <MemoItem register={register} fieldName="content" />
-          <hr className={styles.division} />
+          {/* <hr className={styles.division} /> */}
 
           <WeatherItem />
 
diff --git a/pages/growth/[growthId]/edit/index.tsx b/pages/growth/[growthId]/edit/index.tsx
index dfaf8893..4d94c786 100644
--- a/pages/growth/[growthId]/edit/index.tsx
+++ b/pages/growth/[growthId]/edit/index.tsx
@@ -118,7 +118,6 @@ export default function GrowthModify({ growthId }: InferGetServerSidePropsType<t
             </div>
             {errors.petName && <p className={styles.error}>{errors.petName.message}</p>}
           </div>
-          <div className={styles.division}></div>
           <MemoItem register={register} fieldName="content.memo" defaultValue={memo} />
 
           <div className={styles.categorySelectorOuter}>
diff --git a/pages/growth/create/index.tsx b/pages/growth/create/index.tsx
index 339a761c..2bd21218 100644
--- a/pages/growth/create/index.tsx
+++ b/pages/growth/create/index.tsx
@@ -106,7 +106,6 @@ export default function CreateGrowth() {
             </div>
             {errors.petName && <p className={styles.error}>{errors.petName.message}</p>}
           </div>
-          <div className={styles.division}></div>
           <MemoItem register={register} fieldName="content.memo" />
           <div className={styles.categorySelectorOuter}>
             <div className={styles.categorySelectorInner}>