fix

2 files changed, 46 insertions, 25 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>
diff --git a/src/lib/checkout/components/FinishCheckout.jsx b/src/lib/checkout/components/FinishCheckout.jsx
index f0aaba4e..a7d65dd0 100644
--- a/src/lib/checkout/components/FinishCheckout.jsx
+++ b/src/lib/checkout/components/FinishCheckout.jsx
@@ -1,30 +1,30 @@
-import Link from "@/core/components/elements/Link/Link"
-import useTransaction from "@/lib/transaction/hooks/useTransaction"
+import Link from '@/core/components/elements/Link/Link'
+import useTransaction from '@/lib/transaction/hooks/useTransaction'
 
 const FinishCheckout = ({ id }) => {
   const { transaction } = useTransaction({ id })
 
   return (
-    <div className="p-4">
+    <div className='p-4'>
       <div className='rounded-xl bg-yellow_r-4 text-center border border-yellow_r-7'>
-          <div className='px-4 py-6 text-yellow_r-12'>
-            <p className='font-semibold mb-2'>Terima Kasih atas Pembelian Anda</p>
-            <p className='text-yellow_r-11 mb-4 leading-6'>
-              Rincian belanja sudah kami kirimkan ke email anda. Mohon dicek kembali. jika tidak
-              menerima email, anda dapat menghubungi kami disini.
-            </p>
-            <p className='mb-2 font-medium'>{transaction.data?.name}</p>
-            <p className='text-caption-2 text-yellow_r-11'>No. Transaksi</p>
-          </div>
-          <Link
-            href={transaction.data?.id ? `/my/transaction/${transaction.data.id}` : '/'}
-            className='bg-yellow_r-6 text-yellow_r-12 rounded-b-xl py-4 block'
-          >
-            Lihat detail pembelian Anda disini
-          </Link>
+        <div className='px-4 py-6 text-yellow_r-12'>
+          <p className='font-semibold mb-2'>Terima Kasih atas Pembelian Anda</p>
+          <p className='text-yellow_r-11 mb-4 leading-6'>
+            Rincian belanja sudah kami kirimkan ke email anda. Mohon dicek kembali. jika tidak
+            menerima email, anda dapat menghubungi kami disini.
+          </p>
+          <p className='mb-2 font-medium'>{transaction.data?.name}</p>
+          <p className='text-caption-2 text-yellow_r-11'>No. Transaksi</p>
         </div>
+        <Link
+          href={transaction.data?.id ? `/my/transaction/${transaction.data.id}` : '/'}
+          className='bg-yellow_r-6 text-yellow_r-12 rounded-b-xl py-4 block'
+        >
+          Lihat detail pembelian Anda disini
+        </Link>
+      </div>
     </div>
   )
 }
 
-export default FinishCheckout
\ No newline at end of file
+export default FinishCheckout