summaryrefslogtreecommitdiff
path: root/src/lib/checkout/components/Checkout.jsx
diff options
context:
space:
mode:
Diffstat (limited to 'src/lib/checkout/components/Checkout.jsx')
-rw-r--r--src/lib/checkout/components/Checkout.jsx33
1 files changed, 27 insertions, 6 deletions
diff --git a/src/lib/checkout/components/Checkout.jsx b/src/lib/checkout/components/Checkout.jsx
index 8416cd9e..8048eeba 100644
--- a/src/lib/checkout/components/Checkout.jsx
+++ b/src/lib/checkout/components/Checkout.jsx
@@ -132,7 +132,10 @@ const Checkout = () => {
return (
<>
<div className='p-4'>
- <Alert type='info' className='text-caption-2 flex gap-x-3'>
+ <Alert
+ type='info'
+ className='text-caption-2 flex gap-x-3'
+ >
<div>
<ExclamationCircleIcon className='w-7 text-blue-700' />
</div>
@@ -155,7 +158,11 @@ const Checkout = () => {
<div className='p-4 flex flex-col gap-y-4'>
{products?.map((product) => (
- <VariantCard product={product} openOnClick={false} key={product.id} />
+ <VariantCard
+ product={product}
+ openOnClick={false}
+ key={product.id}
+ />
))}
</div>
@@ -195,7 +202,10 @@ const Checkout = () => {
<p className='text-caption-2 text-gray_r-10 mb-2'>*) Belum termasuk biaya pengiriman</p>
<p className='text-caption-2 text-gray_r-10 leading-5'>
Dengan melakukan pembelian melalui website Indoteknik, saya menyetujui{' '}
- <Link href='/' className='inline font-normal'>
+ <Link
+ href='/'
+ className='inline font-normal'
+ >
Syarat & Ketentuan
</Link>{' '}
yang berlaku
@@ -253,7 +263,11 @@ const Checkout = () => {
</div>
<div className='w-6/12'>
<label className='form-label font-normal'>Nomor PO</label>
- <input type='text' className='form-input mt-2 h-12' ref={poNumber} />
+ <input
+ type='text'
+ className='form-input mt-2 h-12'
+ ref={poNumber}
+ />
</div>
</div>
<p className='text-caption-2 text-gray_r-11 mt-2'>Ukuran dokumen PO Maksimal 5MB</p>
@@ -262,7 +276,11 @@ const Checkout = () => {
<Divider />
<div className='flex gap-x-3 p-4'>
- <button className='flex-1 btn-yellow' onClick={checkout} disabled={isLoading}>
+ <button
+ className='flex-1 btn-yellow'
+ onClick={checkout}
+ disabled={isLoading}
+ >
{isLoading ? 'Loading...' : 'Bayar'}
</button>
</div>
@@ -279,7 +297,10 @@ const SectionAddress = ({ address, label, url }) => (
<div className='p-4'>
<div className='flex justify-between items-center'>
<div className='font-medium'>{label}</div>
- <Link className='text-caption-1' href={url}>
+ <Link
+ className='text-caption-1'
+ href={url}
+ >
Pilih Alamat Lain
</Link>
</div>