From 4d697c16ceba57835df3e8a1520b1fce8d383ed1 Mon Sep 17 00:00:00 2001
From: soyoung park <77377583+soyoung125@users.noreply.github.com>
Date: Tue, 24 Sep 2024 00:36:24 +0900
Subject: [PATCH] fix: Hot fix (#321)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* fix: scheduleDrawer createFooter 동작 오류 해결

* refactor: scheduleDrawer template badge 디자인 수정

* fix: scheduleDrawer open 시 템플릿 초기화

* fix: TodayButton bottom position 수정

* fix: 일정 수정 오류 해결

* fix: 선택 일정만 수정, 삭제 적용

* fix: inputMode numeric setting

* refactor: remove base url

* refactor: add main page error handler

* refactor: remove unused path of mockServiceWorker

* refactor: apply ScheduleListPage error handler

* docs: update readme
---
 README.md                                     |  4 +-
 src/main.tsx                                  |  2 +-
 .../ScheduleListPage/ScheduleListPage.tsx     | 28 ++++++-------
 .../MonthlySummary/MonthlySummary.tsx         | 41 +++++++++++++++++++
 .../components/MonthlySummary/index.ts        |  1 +
 5 files changed, 59 insertions(+), 17 deletions(-)
 create mode 100644 src/pages/Home/pages/ScheduleListPage/components/MonthlySummary/MonthlySummary.tsx
 create mode 100644 src/pages/Home/pages/ScheduleListPage/components/MonthlySummary/index.ts

diff --git a/README.md b/README.md
index eb2c4185..89fab191 100644
--- a/README.md
+++ b/README.md
@@ -1,8 +1,8 @@
 # 💸 핀더펜 (Financial The Penny)
 
-### [웹에서 데모버전 확인하기](https://soyoung125.github.io/fin-the-pen-web/)
+### [웹에서 데모버전 확인하기](https://fin-the-pen-web-demo.vercel.app/)
 
-### [배포 페이지 바로가기](https://d2vl90cpkqpz2m.cloudfront.net/)
+### [배포 페이지 바로가기](https://fin-the-pen.vercel.app/)
 
 #### [Storybook](https://645bb0d7fab3ee51343325b9-wqmzcooqxa.chromatic.com/)
 
diff --git a/src/main.tsx b/src/main.tsx
index bef54f81..2515a73a 100644
--- a/src/main.tsx
+++ b/src/main.tsx
@@ -20,7 +20,7 @@ async function main() {
   if (import.meta.env.VITE_LOCAL_MODE !== "true") {
     await worker.start({
       serviceWorker: {
-        url: "/fin-the-pen-web/mockServiceWorker.js",
+        url: "/mockServiceWorker.js",
       },
       onUnhandledRequest: "bypass",
     });
diff --git a/src/pages/Home/pages/ScheduleListPage/ScheduleListPage.tsx b/src/pages/Home/pages/ScheduleListPage/ScheduleListPage.tsx
index 63ac4e0f..c4c6dccf 100644
--- a/src/pages/Home/pages/ScheduleListPage/ScheduleListPage.tsx
+++ b/src/pages/Home/pages/ScheduleListPage/ScheduleListPage.tsx
@@ -1,15 +1,15 @@
+import React, { useEffect, useRef, useState } from "react";
 import ScheduleListPageHeader from "components/ScheduleList/ScheduleListPageHeader";
 import useHome from "@hooks/useHome.ts";
 import moment from "moment";
-import { Box, Stack } from "@mui/material";
-import SummaryCard from "@pages/Home/next-components/HomeHeader/MonthlyBudgetSummary/SummaryCard";
+import { Box } from "@mui/material";
 import useHeader from "@hooks/useHeader.ts";
 import ScheduleListHeader from "components/ScheduleList/ScheduleListHeader";
-import React, { useEffect, useRef, useState } from "react";
 import ScheduleList from "@components/ScheduleList";
 import TodayButton from "@components/common/TodayButton/TodayButton.tsx";
 import FilterDrawer from "@components/layouts/common/TopBar/buttons/FilterButton/FilterDrawer.tsx";
 import useMonthSchedule from "@hooks/home/useMonthSchedule.ts";
+import MonthlySummary from "@pages/Home/pages/ScheduleListPage/components/MonthlySummary/MonthlySummary.tsx";
 
 function ScheduleListPage() {
   useHeader(false);
@@ -17,7 +17,12 @@ function ScheduleListPage() {
   const todayRef = useRef<HTMLDivElement>(null);
 
   const { date, subtractMonth, addMonth, pickMonth } = useHome();
-  const { monthData: data, monthSchedules, isPending } = useMonthSchedule();
+  const {
+    monthData: data,
+    monthSchedules,
+    isPending,
+    isError,
+  } = useMonthSchedule();
 
   const [selectedOption, setSelectedOption] = useState(options[0]);
   const [scheduleDates, setScheduleDates] = useState<string[]>([]);
@@ -69,16 +74,11 @@ function ScheduleListPage() {
         changeMonth={pickMonth}
       />
 
-      <Stack
-        py={3}
-        px={2.5}
-        spacing="6px"
-        bgcolor="primary.main"
-        sx={{ color: "#FFF" }}
-      >
-        <SummaryCard title="수입" amount={parseInt(data?.income ?? "")} />
-        <SummaryCard title="지출" amount={parseInt(data?.expense ?? "")} />
-      </Stack>
+      <MonthlySummary
+        isError={isError}
+        income={parseInt(data?.income ?? "")}
+        expense={parseInt(data?.expense ?? "")}
+      />
 
       <Box
         sx={{
diff --git a/src/pages/Home/pages/ScheduleListPage/components/MonthlySummary/MonthlySummary.tsx b/src/pages/Home/pages/ScheduleListPage/components/MonthlySummary/MonthlySummary.tsx
new file mode 100644
index 00000000..5a6f9de8
--- /dev/null
+++ b/src/pages/Home/pages/ScheduleListPage/components/MonthlySummary/MonthlySummary.tsx
@@ -0,0 +1,41 @@
+import SummaryCard from "@pages/Home/next-components/HomeHeader/MonthlyBudgetSummary/SummaryCard";
+import { Stack } from "@mui/material";
+import React from "react";
+
+interface MonthlySummaryProps {
+  income: number;
+  expense: number;
+  isError: boolean;
+}
+
+function MonthlySummary({ isError, expense, income }: MonthlySummaryProps) {
+  if (isError) {
+    return (
+      <Stack
+        py={3}
+        px={2.5}
+        spacing="6px"
+        bgcolor="primary.main"
+        sx={{ color: "#FFF" }}
+      >
+        <SummaryCard title="수입" amount={0} />
+        <SummaryCard title="지출" amount={0} />
+      </Stack>
+    );
+  }
+
+  return (
+    <Stack
+      py={3}
+      px={2.5}
+      spacing="6px"
+      bgcolor="primary.main"
+      sx={{ color: "#FFF" }}
+    >
+      <SummaryCard title="수입" amount={income} />
+      <SummaryCard title="지출" amount={expense} />
+    </Stack>
+  );
+}
+
+export default MonthlySummary;
diff --git a/src/pages/Home/pages/ScheduleListPage/components/MonthlySummary/index.ts b/src/pages/Home/pages/ScheduleListPage/components/MonthlySummary/index.ts
new file mode 100644
index 00000000..7085874f
--- /dev/null
+++ b/src/pages/Home/pages/ScheduleListPage/components/MonthlySummary/index.ts
@@ -0,0 +1 @@
+export { default as MonthlySummary } from "./MonthlySummary";