From 5a624b3558ccdf8472697752f683ba807a612d0d Mon Sep 17 00:00:00 2001
From: rivertw777 <105557972+rivertw777@users.noreply.github.com>
Date: Thu, 9 Jan 2025 05:37:35 +0900
Subject: [PATCH] =?UTF-8?q?[refactor]=20css=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ticketping/src/App.js                      |  3 +--
 ticketping/src/pages/payment/Checkout.js   | 14 +++++++++-----
 ticketping/src/style/AppLayout.css         |  6 ++++--
 ticketping/src/style/Checkout.css          |  4 ++++
 ticketping/src/style/MyOrder.css           |  1 +
 ticketping/src/style/Order.css             |  2 +-
 ticketping/src/style/PerformanceDetail.css |  2 +-
 ticketping/src/style/Seat.css              |  1 -
 8 files changed, 21 insertions(+), 12 deletions(-)

diff --git a/ticketping/src/App.js b/ticketping/src/App.js
index c9dca09..68d9945 100644
--- a/ticketping/src/App.js
+++ b/ticketping/src/App.js
@@ -22,8 +22,7 @@ function App() {
         <Route path='/' element={<Main />}></Route>
         <Route path='/login' element={<Login />}></Route>
         <Route path='/join' element={<VerificationInfo />}></Route>
-        <Route path='/myorder' element={<MyOrder />}></Route>
-        {/* <Route path='/myorder' element={<LoginRequiredRoute><MyOrder /></LoginRequiredRoute>}></Route> */}
+        {<Route path='/myorder' element={<LoginRequiredRoute><MyOrder /></LoginRequiredRoute>}></Route>}
         <Route path='/performance/:id' element={<PerformanceDetail />} />
         <Route path='/performance/:id/schedule' element={<LoginRequiredRoute><SelectSchedule /></LoginRequiredRoute>} />
         <Route path='/performance/:performanceId/schedule/:scheduleId/seat' element={<LoginRequiredRoute><Seat /></LoginRequiredRoute>}></Route>
diff --git a/ticketping/src/pages/payment/Checkout.js b/ticketping/src/pages/payment/Checkout.js
index 76e3d3a..e5db1aa 100644
--- a/ticketping/src/pages/payment/Checkout.js
+++ b/ticketping/src/pages/payment/Checkout.js
@@ -63,12 +63,12 @@ export function Checkout() {
 
   const requestPayment = async () => {
     if (!widgets) return;
-
+  
     try {
       // 주문 검증 API 호출
       const response = await axiosInstance.post(`/api/v1/orders/${order.id}/validate?performanceId=${order.performanceId}`, null, { headers });
-
-      if (response.status == 200) {
+  
+      if (response.status === 200) {
         await widgets.requestPayment({
           orderId: order.id,
           orderName: "공연: " + order.performanceName,
@@ -77,8 +77,12 @@ export function Checkout() {
         });
       }
     } catch (error) {
-      checkExpiredToken(error.response.data);
-      console.error("Error requesting payment:", error);
+      if (error.response) {
+        checkExpiredToken(error.response.data);
+        console.error("결제 요청 중 오류 발생:", error.response.data);
+      } else {
+        console.error("결제 요청 중 오류 발생:", error.message);
+      }
     }
   };
 
diff --git a/ticketping/src/style/AppLayout.css b/ticketping/src/style/AppLayout.css
index e582387..e788898 100644
--- a/ticketping/src/style/AppLayout.css
+++ b/ticketping/src/style/AppLayout.css
@@ -8,7 +8,7 @@
 
 .header {
     background-color: #4A90E2; 
-    padding: 12px 128px 0px 64px; 
+    padding: 12px 80px 0px 64px; 
     display: flex;
     justify-content: space-between; 
     align-items: center; 
@@ -21,13 +21,15 @@
     font-family: 'Poppins', sans-serif; 
     display: flex;
     align-items: center; 
-    margin-top: 17px;
+    margin-top: 0px;
+    margin-bottom: 40px;
 }
 
 .topnav {
     display: flex;
     align-items: center; 
     gap: 16px; 
+    margin-bottom: 30px;
 }
 
 .home-button {
diff --git a/ticketping/src/style/Checkout.css b/ticketping/src/style/Checkout.css
index 4618967..28f3b4a 100644
--- a/ticketping/src/style/Checkout.css
+++ b/ticketping/src/style/Checkout.css
@@ -25,6 +25,10 @@
     border-radius: 5px; 
     display: block;
     margin: 0 auto;
+    border: 0px solid #4A90E2;  
+    cursor: pointer;
+    font-family: 'Arial', sans-serif; 
+    font-size: 16px; 
 }
 
 .checkout-button:disabled {
diff --git a/ticketping/src/style/MyOrder.css b/ticketping/src/style/MyOrder.css
index 418342b..6dabf39 100644
--- a/ticketping/src/style/MyOrder.css
+++ b/ticketping/src/style/MyOrder.css
@@ -7,6 +7,7 @@
 }
 
 .myorder-title {
+  color: #333; 
   text-align: center;
   width: 100%;
   font-size: 30px;
diff --git a/ticketping/src/style/Order.css b/ticketping/src/style/Order.css
index c5c5c8f..eac3d02 100644
--- a/ticketping/src/style/Order.css
+++ b/ticketping/src/style/Order.css
@@ -38,7 +38,7 @@
   border: none;
   border-radius: 5px;
   cursor: pointer;
-  background-color: #55a1f1;
+  background-color: #4A90E2;  ;
   color: white;
 }
 
diff --git a/ticketping/src/style/PerformanceDetail.css b/ticketping/src/style/PerformanceDetail.css
index c24d1dd..a6a2f46 100644
--- a/ticketping/src/style/PerformanceDetail.css
+++ b/ticketping/src/style/PerformanceDetail.css
@@ -67,7 +67,7 @@
 
 .performance-select-button {
   position: absolute;
-  bottom: 20px;
+  bottom: 5px;
   left: 50%; 
   transform: translateX(-50%);
   height: 50px;
diff --git a/ticketping/src/style/Seat.css b/ticketping/src/style/Seat.css
index 23b07cc..1375e32 100644
--- a/ticketping/src/style/Seat.css
+++ b/ticketping/src/style/Seat.css
@@ -49,7 +49,6 @@
 
 .booking-button:hover {
   background-color: #4a1cef;
-  cursor: not-allowed;
   opacity: 1;
 }