From 27a618cbe50e8d5a651204a66e353b9c894af199 Mon Sep 17 00:00:00 2001
From: DingX2 <96682768+DingX2@users.noreply.github.com>
Date: Mon, 14 Aug 2023 09:57:47 +0900
Subject: [PATCH] =?UTF-8?q?#3=20[Fix}=20booking=20=EC=98=88=EC=99=B8=20?=
 =?UTF-8?q?=EC=B2=98=EB=A6=AC=EC=A4=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- bookingData가 있을 경우에만 출력해야 렌더링 오류가 발생하지 않음
---
 src/components/PassDetailContainer.jsx | 16 ++++++++--------
 src/components/ReservationDetails.jsx  |  1 -
 src/styles/index.scss                  |  3 +--
 3 files changed, 9 insertions(+), 11 deletions(-)

diff --git a/src/components/PassDetailContainer.jsx b/src/components/PassDetailContainer.jsx
index d4a06b8..ce16071 100644
--- a/src/components/PassDetailContainer.jsx
+++ b/src/components/PassDetailContainer.jsx
@@ -15,8 +15,6 @@ export default function PassDetailContainer({ bookingData, pass }) {
     setIsExpanded(!isExpanded);
   };
 
-  // console.log("check pass");
-  // console.log(pass);
   console.log("들어온 bookingData");
   console.log(bookingData);
 
@@ -73,17 +71,19 @@ export default function PassDetailContainer({ bookingData, pass }) {
                   : "달력으로 입력 필요"}
               </span>
             </li>
-            {bookingData && bookingData.startTime && bookingData.endedTime && (
+            {
               <li>
                 <span className="item-title">예약 시간</span>
                 <span>
-                  {formatDateTimeRange(
-                    bookingData.startTime,
-                    bookingData.endedTime
-                  )}
+                  {bookingData && bookingData.startTime && bookingData.endedTime
+                    ? formatDateTimeRange(
+                        bookingData.startTime,
+                        bookingData.endedTime
+                      )
+                    : "입력 필요"}
                 </span>
               </li>
-            )}
+            }
             {bookingData && bookingData.teacher && (
               <li>
                 <span className="item-title">담당 선생님</span>
diff --git a/src/components/ReservationDetails.jsx b/src/components/ReservationDetails.jsx
index 0856c04..41c9539 100644
--- a/src/components/ReservationDetails.jsx
+++ b/src/components/ReservationDetails.jsx
@@ -75,7 +75,6 @@ export default function ReservationDetails() {
 
         <button className="ReservationDetails-title-btn-groups"> 초기화</button>
       </div>
-      {/* 모두 입력하면 자동으로 추가되게 만들어야함 */}
       {bookingDataAry !== null && (
         <div>
           <PassDetailContainer bookingData={bookingDataAry[0]} />
diff --git a/src/styles/index.scss b/src/styles/index.scss
index 9ab850c..2ff06eb 100644
--- a/src/styles/index.scss
+++ b/src/styles/index.scss
@@ -27,7 +27,6 @@ $page-padding: 100px;
   display: flex;
   position: relative;
   height: 5vh;
-  //background-color: #5DBAFF;
   width: 100%;
-  justify-content: flex-end; /* Footer를 아래로 정렬하기 위해 flex-end로 설정 */
+  justify-content: flex-end; 
 }
\ No newline at end of file