summaryrefslogtreecommitdiff
path: root/src
diff options
context:
space:
mode:
Diffstat (limited to 'src')
-rw-r--r--src/lib/pengajuan-tempo/component/FinishTempo.jsx48
-rw-r--r--src/lib/pengajuan-tempo/component/PengajuanTempo.jsx2
-rw-r--r--src/pages/pengajuan-tempo/[status].jsx10
3 files changed, 26 insertions, 34 deletions
diff --git a/src/lib/pengajuan-tempo/component/FinishTempo.jsx b/src/lib/pengajuan-tempo/component/FinishTempo.jsx
index 0751150c..1670314d 100644
--- a/src/lib/pengajuan-tempo/component/FinishTempo.jsx
+++ b/src/lib/pengajuan-tempo/component/FinishTempo.jsx
@@ -7,6 +7,7 @@ import useDevice from '@/core/hooks/useDevice';
import useAuth from '@/core/hooks/useAuth';
import axios from 'axios';
import { toast } from 'react-hot-toast';
+import { ChevronRightIcon, ChevronLeftIcon } from '@heroicons/react/24/outline';
const FinishTempo = ({ query }) => {
const [data, setData] = useState();
@@ -45,40 +46,31 @@ const FinishTempo = ({ query }) => {
};
return (
- <div className='flex flex-col items-center'>
+ <div className='container flex flex-col items-center gap-4'>
+ <div className='flex w-2/3 justify-center items-center'>
+ <h1 className='text-red-500 text-center font-semibold text-3xl'>
+ Form Pengajuan Tempo kamu Telah Berhasil Didaftarkan Mohon menunggu
+ hingga Proses Selesai
+ </h1>
+ </div>
<Image
- src='/images/CHECKOUT-PESANAN.svg'
+ src='/images/REGISTRASI-TEMPO.svg'
alt='Checkout Pesanan'
width={isMobile ? 300 : 450}
height={isMobile ? 300 : 450}
/>
- <div className='text-title-sm md:text-title-lg text-center font-semibold'>
- Terima Kasih atas Pembelian Kamu
- </div>
- <div className='flex flex-col justify-center items-center text-body-2 md:text-body-1 text-center mt-3 px-24 md:px-36 py-4 border-2 gap-y-2 rounded'>
- <p className='font-bold'>No. Transaksi</p>
- <p className='mb-2 font-medium text-red-500 text-xl'>
- {query?.order_id?.replaceAll('-', '/')}
- </p>
- <Link
- href={`/my/quotations/${data?.id}`}
- className='btn-solid-red rounded-md text-base'
- >
- Cek Detail Transaksi
- </Link>
- </div>
- <div className='mt-2 text-center leading-6 text-base p-4 md:p-0 md:max-w-[700px]'>
- Rincian pembelian sudah kami kirimkan ke email kamu. Mohon dicek
- kembali. jika tidak menerima email, kamu dapat menghubungi kami{' '}
- <a className='text-red-500' href={whatsappUrl()}>
- di sini
- </a>{' '}
- atau{' '}
- <span onClick={sendEmail} className='text-red-500 cursor-pointer'>
- kirim rincian pesanan ulang
- </span>
- .
+
+ <div className='mt-2 text-center leading-6 text-base p-4 md:p-0 w-4/5'>
+ Mohon menunggu untuk verifikasi dokumen dan kelengkapan data yang telah
+ anda berikan. Proses approval pembayaran tempo kamu berhasil atau tidak
+ akan diinfokan melalui email perusahaan / email yang mendaftar
</div>
+ <Link
+ href={`/my/quotations/${data?.id}`}
+ className='btn-solid-red rounded-md text-base flex flex-row'
+ >
+ Lihat Status Pendaftaran <ChevronRightIcon className='w-5' />
+ </Link>
</div>
);
};
diff --git a/src/lib/pengajuan-tempo/component/PengajuanTempo.jsx b/src/lib/pengajuan-tempo/component/PengajuanTempo.jsx
index 66d5ea1c..d44d44e6 100644
--- a/src/lib/pengajuan-tempo/component/PengajuanTempo.jsx
+++ b/src/lib/pengajuan-tempo/component/PengajuanTempo.jsx
@@ -149,7 +149,7 @@ const PengajuanTempo = () => {
setCurrentStep((prev) => (prev === NUMBER_OF_STEPS - 1 ? prev : prev + 1));
};
const handleDaftarTempo = () => {
- router.push('/pengajuan-tempo/finish?order_id=SO-2023-06480');
+ router.push('/pengajuan-tempo/finish?tempo_id=SO-2023-06480');
// if (!isFormValid) {
// setNotValid(true);
// setButtonSubmitClick(!buttonSubmitClick);
diff --git a/src/pages/pengajuan-tempo/[status].jsx b/src/pages/pengajuan-tempo/[status].jsx
index 8476d08a..a5c630da 100644
--- a/src/pages/pengajuan-tempo/[status].jsx
+++ b/src/pages/pengajuan-tempo/[status].jsx
@@ -7,11 +7,11 @@ import Seo from '@/core/components/Seo';
export async function getServerSideProps(context) {
const { tempo_id } = context.query;
- await axios.post(
- `${process.env.NEXT_PUBLIC_SELF_HOST}/api/pengajuan-tempo?formId=${tempo_id}`,
- {},
- { headers: context.req.headers }
- );
+ // await axios.post(
+ // `${process.env.NEXT_PUBLIC_SELF_HOST}/api/pengajuan-tempo?formId=${tempo_id}`,
+ // {},
+ // { headers: context.req.headers }
+ // );
return { props: {} };
}