diff options
Diffstat (limited to 'src/lib/checkout/components/Checkout.jsx')
| -rw-r--r-- | src/lib/checkout/components/Checkout.jsx | 33 |
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> |
