Merge pull request #70 from URECA-PODONG/feat/#6

오류 및 결제 수정

src/Router.jsx

@@ -63,7 +63,6 @@ function Router() {
             <Route path="payCancelReq" element={<PayCancelReq />} />
             <Route path="paymentEnd" element={<PaymentEnd />} />
             <Route path="paymentHistory" element={<PaymentHistory />} />
-            <Route path="paymentlist" element={<PaymentHistory />} />
             <Route path="paymentCancelDone" element={<PaymentCancelDone />} />
 
             <Route path="mainpage/:userId" element={<MainPage />} />

src/pages/MainPage/MainPage.jsx

@@ -375,4 +375,4 @@ const PageButton = styled.button`
   &:hover {
     color: #ff6e00;
   }
-`;
+`;

src/pages/MainPage/ShoppingDetail.jsx

@@ -42,7 +42,7 @@ const ShoppingDetail = () => {
     };
 
     axios
-      .post('/api/carts', cartItem)
+      .post('/carts', cartItem)
       .then(response => {
         alert(response.data);
         setCartModalOpen(false); // 장바구니에 담기 성공 후 팝업창 닫기

src/pages/PaymentPage/PayCancelReq.jsx

@@ -175,7 +175,7 @@ function PayCancelReq() {
       </RefundInfo>
       <CancelButton onClick={handleCancel}>결제 취소</CancelButton>
 
-      {isCancelRequested && <CancelPay userId={1} />}
+      {isCancelRequested && <CancelPay userId />}
     </OrderCancellationWrapper>
   );
 }

src/pages/PaymentPage/Payment.jsx

@@ -114,7 +114,7 @@ const Payment = () => {
         pg: 'html5_inicis', // PG사명
         pay_method: 'card', // 결제수단
         merchant_uid: `mid_${new Date().getTime()}`, // 주문번호 (중복되지 않도록 생성)
-        name: cartData.productTitle, // 결제명
+        name: cartData[0].productTitle, // 결제명
         amount: orderItems.reduce((total, item) => total + item.productLprice * item.quantity, 0).toLocaleString(), // 결제 금액
         buyer_email: userData.accountEmail, // 구매자 이메일
         buyer_name: userData.nickname, // 구매자 이름

src/pages/PaymentPage/PaymentHistory.jsx

@@ -101,7 +101,7 @@ const CardItem = styled.div`
 `;
 
 const PaymentHistory = () => {
-  const userId = 1;
+  const userId = localStorage.getItem('userId');
   const [payments, setPayments] = useState([]);
   const [tabCounts, setTabCounts] = useState({ total: 0, completed: 0, cancelled: 0, failed: 0 });
 

src/pages/ShoppingCart/ShoppingCart.jsx

@@ -10,8 +10,8 @@ const ShoppingCart = () => {
   const [selectedItems, setSelectedItems] = useState([]);
   const [totalProductPrice, setTotalProductPrice] = useState(0);
   const navigate = useNavigate();
-  const userId = 2;
 
+  const userId = localStorage.getItem('userId');
   // 장바구니 로드 시 가격 계산
   useEffect(() => {
     loadCart(userId);