<iman> update pengajuan tempo

1 files changed, 19 insertions, 10 deletions

diff --git a/src/lib/pengajuan-tempo/component/PengajuanTempo.jsx b/src/lib/pengajuan-tempo/component/PengajuanTempo.jsx
index f5cad812..ccd63856 100644
--- a/src/lib/pengajuan-tempo/component/PengajuanTempo.jsx
+++ b/src/lib/pengajuan-tempo/component/PengajuanTempo.jsx
@@ -33,7 +33,7 @@ const PengajuanTempo = () => {
   const { isDesktop, isMobile } = useDevice();
   const [currentStep, setCurrentStep] = React.useState(0);
   const NUMBER_OF_STEPS = 6;
-  const [isLoading, setIsLoading] = useState(false);
+  const [isLoading, setIsLoading] = useState(true);
   const [bigData, setBigData] = useState();
   const [idTempo, setIdTempo] = useState(0);
   const { form, errors, validate, updateForm } = usePengajuanTempoStore();
@@ -547,22 +547,31 @@ const PengajuanTempo = () => {
   const handleCheckChange = (checked) => {
     setIsCheckedTNC(checked);
   };
+  if (isLoading && !bigData) {
+    return;
+  }
+  console.log('bigData', bigData);
   return (
     <>
       <div className='container flex flex-col items-center '>
         <h1 className=' font-semibold text-center mb-6'>
           Form Pengajuan Tempo
         </h1>
-        <p className='text-center mb-4'>
-          Lorem ipsum dolor sit amet consectetur. Commodo suspendisse at enim
-          magnis ut quisque rhoncus. Felis volutpat fringilla sollicitudin
-          ultricies. Enim non eget in lorem netus. Nisl pharetra accumsan diam
-          suspendisse.
+        <p
+          className={`text-center  ${
+            isMobile ? 'w-full text-sm' : 'w-3/4 mb-4'
+          }`}
+        >
+          Pembayaran tempo adalah layanan pembayaran berjangka yang difasilitasi
+          indoteknik.com untuk konsumen akun bisnis yang terdaftar dengan waktu
+          pembayaran mulai dari 7, 14, 21 hingga 30 Hari.
         </p>
       </div>
-      <div className='h-[2px] w-full mb-20 bg-gray_r-3' />
+      <div
+        className={`h-[2px] w-full ${isMobile ? 'mt-4' : 'mb-20'}  bg-gray_r-3`}
+      />
 
-      <div className='container mt-10 flex flex-col'>
+      <div className={`container ${isMobile ? 'mt-4' : 'mt-10'} flex flex-col`}>
         <div className='flex items-center justify-center'>
           <Stepper currentStep={currentStep} numberOfSteps={NUMBER_OF_STEPS} />
         </div>
@@ -595,7 +604,7 @@ const PengajuanTempo = () => {
                 onClick={goPrevStep}
               >
                 {<ChevronLeftIcon className='w-5' />}
-                <span className={`${isMobile ? 'text-xs' : ''} `}>
+                <span className={`font-medium ${isMobile ? 'text-xs' : ''} `}>
                   Langkah Sebelumnya
                 </span>
               </Button>
@@ -674,7 +683,7 @@ const TempoTermCondition = ({ onCheckChange }) => {
           isChecked={isCheckedTNC}
           onChange={toggleCheckTNC}
         />
-        <div className={`text-center ${isMobile ? 'text-sm' : ''}`}>
+        <div className={`${isMobile ? 'text-xs' : ''}`}>
           <label htmlFor='tnc' className='cursor-pointer'>
             Dengan ini saya menyetujui
           </label>{' '}