diff options
Diffstat (limited to 'src/lib/checkout/components')
| -rw-r--r-- | src/lib/checkout/components/Checkout.jsx | 50 |
1 files changed, 30 insertions, 20 deletions
diff --git a/src/lib/checkout/components/Checkout.jsx b/src/lib/checkout/components/Checkout.jsx index c789edc1..95916b22 100644 --- a/src/lib/checkout/components/Checkout.jsx +++ b/src/lib/checkout/components/Checkout.jsx @@ -1320,25 +1320,34 @@ const Checkout = () => { {selectedCourierId == SELF_PICKUP_ID && ( <PickupAddress label='Alamat Pickup' /> )} - {selectedCourierId != SELF_PICKUP_ID && ( - <Skeleton - isLoaded={ - !!selectedAddress.invoicing && !!selectedAddress.shipping - } - minHeight={290} - > - <SectionAddress - address={selectedAddress.shipping} - label='Alamat Pengiriman' - url='/my/address?select=shipping' - /> - <Divider /> - <SectionAddress - address={selectedAddress.invoicing} - label='Alamat Penagihan' - url='/my/address?select=invoice' - /> - </Skeleton> + {selectedCarrierId != SELF_PICKUP_ID && ( + <> + {(!selectedAddress?.shipping || !selectedAddress?.invoicing) ? ( + <div className="p-4 border rounded-xl text-center text-red-600 bg-red-50"> + <p>⚠️ Anda belum memiliki alamat yang terdaftar.</p> + <a + href="/my/address?select=shipping" + className="mt-2 inline-block px-4 py-2 bg-solid-red text-white rounded-lg" + > + Tambahkan Alamat + </a> + </div> + ) : ( + <Skeleton isLoaded minHeight={290}> + <SectionAddress + address={selectedAddress.shipping} + label="Alamat Pengiriman" + url="/my/address?select=shipping" + /> + <Divider /> + <SectionAddress + address={selectedAddress.invoicing} + label="Alamat Penagihan" + url="/my/address?select=invoice" + /> + </Skeleton> + )} + </> )} {products && <SectionExpedition products={products} />} <Divider /> @@ -1577,7 +1586,8 @@ const Checkout = () => { !products || products?.length == 0 || priceCheck || - hasNoPrice + hasNoPrice || + isLoading } > {isLoading ? 'Loading...' : 'Lanjut Pembayaran'} |