From 89677d77402d4c7da5042cf6d40592027f0f5333 Mon Sep 17 00:00:00 2001
From: leejin_rho <tbdpapdl@gmail.com>
Date: Tue, 2 Jul 2024 16:35:38 +0900
Subject: [PATCH] =?UTF-8?q?#29=20fix:=20=EB=8D=B0=EC=9D=B4=ED=84=B0=20?=
 =?UTF-8?q?=EC=98=A4=EB=A5=98=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/calendar/CalendarModal.tsx | 72 +++++++++++++++------------
 1 file changed, 39 insertions(+), 33 deletions(-)

diff --git a/components/calendar/CalendarModal.tsx b/components/calendar/CalendarModal.tsx
index 8cc70f8..b674478 100644
--- a/components/calendar/CalendarModal.tsx
+++ b/components/calendar/CalendarModal.tsx
@@ -13,43 +13,49 @@ const CalendarModal = ({
     useGetProgramDetail(programIdx);
 
   return (
-    <div
-      className="w-screen h-full flex flex-col items-center justify-center fixed bg-[rgba(1,0,0,0.4)] z-10"
-      key={programIdx}
-    >
-      <div className="flex flex-col relative items-center justify-center w-[80%] h-[60%] bg-white z-10 rounded-xl py-5 px-8 gap-3">
-        <Close className="absolute right-3 top-3" onClick={toggleModal} />
-        <div className="h0 text-main-color h-fit">{data.name}</div>
-        <div className="flex flex-col mt-3 flex-grow h-full w-full gap-3 overflow-auto scrollbar-hide">
-          {data.locatedPlace && (
-            <TextLine title="위치" className="" children={data.locatedPlace} />
-          )}
+    data && (
+      <div
+        className="w-screen h-full flex flex-col items-center justify-center fixed bg-[rgba(1,0,0,0.4)] z-10"
+        key={programIdx}
+      >
+        <div className="flex flex-col relative items-center justify-center w-[80%] h-[60%] bg-white z-10 rounded-xl py-5 px-8 gap-3">
+          <Close className="absolute right-3 top-3" onClick={toggleModal} />
+          <div className="h0 text-main-color h-fit">{data.name}</div>
+          <div className="flex flex-col mt-3 flex-grow h-full w-full gap-3 overflow-auto scrollbar-hide">
+            {data.locatedPlace && (
+              <TextLine
+                title="위치"
+                className=""
+                children={data.locatedPlace}
+              />
+            )}
 
-          <TextLine title="기간">
-            {data.openDate.year}년 {data.openDate.month}월 {data.openDate.day}일
-            {" ~ "}
-            {data.dueDate.year}년 {data.dueDate.month}월 {data.dueDate.day}일
-          </TextLine>
+            <TextLine title="기간">
+              {data.openDate.year}년 {data.openDate.month}월 {data.openDate.day}
+              일{" ~ "}
+              {data.dueDate.year}년 {data.dueDate.month}월 {data.dueDate.day}일
+            </TextLine>
 
-          <TextLine title="주관센터" className="" children={data.host} />
-          <TextLine
-            title="활동 요일"
-            className=""
-            children={data.schedule}
-            addExpFront="매주 "
-            addExpBack="요일마다"
-          />
-          {data.location && (
-            <TextLine title="지역" className="" children={data.location} />
-          )}
-          <TextLine
-            title="기타 사항"
-            className=""
-            children={data.description}
-          />
+            <TextLine title="주관센터" className="" children={data.host} />
+            <TextLine
+              title="활동 요일"
+              className=""
+              children={data.schedule}
+              addExpFront="매주 "
+              addExpBack="요일마다"
+            />
+            {data.location && (
+              <TextLine title="지역" className="" children={data.location} />
+            )}
+            <TextLine
+              title="기타 사항"
+              className=""
+              children={data.description}
+            />
+          </div>
         </div>
       </div>
-    </div>
+    )
   );
 };