optrader/shoptime
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[MyOrders] 배송 취소 팝업 추가

Browse Source
This commit is contained in:
sungmin.in
2024-06-19 16:24:17 +09:00
parent 1a501d32db
commit bdd226cf79
1 changed files with 82 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

84
com.twin.app.shoptime/src/views/MyPagePanel/MyPageSub/MyOrders/MyOrdersPopUp.jsx
View File

@@ -241,7 +241,7 @@ export default function MyOrdersPopUp() {
</TPopUp>
)}
{/* 취소 사유 */}
{/* 취소 사유 */}
{activePopup === ACTIVE_POPUP.orderCancelReason && (
<TPopUp
kind="orderCancelReasonPopup"
@@ -255,7 +255,87 @@ export default function MyOrdersPopUp() {
/>
)}
{/* 배송 추적 구현 */}
{/* 배송 추적 팝업 */}
{activePopup === ACTIVE_POPUP.track && (
<TPopUp
kind="tracePopup"
open={""}
onClose={""}
hasText
hasButton
button1Text={$L("Cancel")}
title={$L("TRACK PACKAGE")}
>
<div className={css.scrollBox}>
<ul>
<li>
<div className={css.textList}>Ordered on January 5, 2023</div>
</li>
<li>
<div className={css.textList}>Order 111-1721950-401433</div>
</li>
<li className={css.hideInfo}>
<ul className={css.deliveryInfo}>
<li>
{/* <span className={css.notYet} /> 회색
<span className={css.delivering} /> 쩜쩜 찍힌거 */}
<span className={css.complete} />
<div className={css.orderDate}>
<h6>ORDERED</h6>
<span>January 5, 2023</span>
</div>
</li>
<li className={classNames(css.imgLiner, css.active)} />
<li>
{/* <span className={css.notYet} /> */}
<span className={css.delivering} />
{/* <span className={css.complete} /> */}
<div className={css.shipperDate}>
<h6>Shipped</h6>
<span>January 6, 2023</span>
</div>
</li>
<li className={classNames(css.imgLiner, css.active)} />
<li>
{/* <span className={css.notYet} /> */}
<span className={css.delivering} />
{/* <span className={css.complete} /> */}
<div className={css.deliveryDate}>
<h6>Out for delivery</h6>
<span>January 6, 2023</span>
</div>
</li>
<li className={css.imgLiner} />
<li>
<span className={css.notYet} />
{/* <span className={css.delivering} /> */}
{/* <span className={css.complete} /> */}
<div className={css.arrivingDate}>
<h6>Arriving</h6>
<span></span>
</div>
</li>
</ul>
</li>
<li>
<div className={css.textList}>SHIPMENT DETAILS</div>
</li>
<li className={css.hideInfo}>
<h5>January 6, 2023</h5>
<ul className={css.shipmentDetail}>
<li>9:49 AM</li>
<li>Out for delivery San Leandro, US</li>
</ul>
<h5>January 5, 2023</h5>
<ul className={css.shipmentDetail}>
<li>8:38 PM</li>
<li>Shipped San Leandro, US</li>
</ul>
</li>
</ul>
</div>
</TPopUp>
)}
</>
);
}