<iman> update pengajuan tempo section konfirmasi

1 files changed, 65 insertions, 57 deletions

diff --git a/src/lib/pengajuan-tempo/component/KontakPerusahaan.jsx b/src/lib/pengajuan-tempo/component/KontakPerusahaan.jsx
index c09aaf57..a2c17471 100644
--- a/src/lib/pengajuan-tempo/component/KontakPerusahaan.jsx
+++ b/src/lib/pengajuan-tempo/component/KontakPerusahaan.jsx
@@ -6,7 +6,7 @@ import stateApi from '@/lib/address/api/stateApi.js';
 import cityApi from '@/lib/address/api/cityApi';
 import { Radio, RadioGroup, Stack, Checkbox } from '@chakra-ui/react';
 import { usePengajuanTempoStoreKontakPerson } from '../../../../src-migrate/modules/register/stores/usePengajuanTempoStore';
-const KontakPerusahaan = ({ chekValid, buttonSubmitClick }) => {
+const KontakPerusahaan = ({ chekValid, buttonSubmitClick, isKonfirmasi }) => {
   const { control, watch } = useForm();
   const {
     formKontakPerson,
@@ -91,15 +91,15 @@ const KontakPerusahaan = ({ chekValid, buttonSubmitClick }) => {
     validateKontakPerson();
   }, [buttonSubmitClick]);
   return (
-    <>
-      <div className='flex justify-start'>
-        <h1 className='font-bold'>Kontak Person</h1>
-      </div>
-      <form className='flex mt-4 flex-col w-full '>
+    <div className=''>
+      <h1 className={`font-bold ${isKonfirmasi ? 'text-xl' : ''}`}>
+        Kontak Person
+      </h1>
+      <form className='flex flex-col w-full '>
         <div className='w-full grid grid-row-2 gap-5'>
           <div className='flex flex-row  justify-between items-start'>
-            <div>
-              <label className='form-label w-2/5 text-nowrap'>
+            <div className='w-2/5'>
+              <label className='form-label  text-nowrap'>
                 Nama Lengkap Direktur
               </label>
             </div>
@@ -124,13 +124,15 @@ const KontakPerusahaan = ({ chekValid, buttonSubmitClick }) => {
           </div>
 
           <div className='flex flex-row  justify-between items-start'>
-            <div>
-              <label className='form-label w-2/5 text-nowrap'>
+            <div className='w-2/5'>
+              <label className='form-label text-nowrap'>
                 No. Telpon Direktur
               </label>
-              <span className='text-xs opacity-60'>
-                isi nomor telpon direktur di perusahaan kamu
-              </span>
+              {!isKonfirmasi && (
+                <span className='text-xs opacity-60'>
+                  isi nomor telpon direktur di perusahaan kamu
+                </span>
+              )}
             </div>
             <div className='w-3/5'>
               <input
@@ -153,13 +155,13 @@ const KontakPerusahaan = ({ chekValid, buttonSubmitClick }) => {
           </div>
 
           <div className='flex flex-row  justify-between items-start'>
-            <div>
-              <label className='form-label w-2/5 text-nowrap'>
-                Email Direktur
-              </label>
-              <span className='text-xs opacity-60'>
-                isi email Direktur yang sesuai
-              </span>
+            <div className='w-2/5'>
+              <label className='form-label  text-nowrap'>Email Direktur</label>
+              {!isKonfirmasi && (
+                <span className='text-xs opacity-60'>
+                  isi email Direktur yang sesuai
+                </span>
+              )}
             </div>
             <div className='w-3/5'>
               <input
@@ -182,13 +184,13 @@ const KontakPerusahaan = ({ chekValid, buttonSubmitClick }) => {
           </div>
 
           <div className='flex flex-row  justify-between items-start'>
-            <div>
-              <label className='form-label w-2/5 text-nowrap'>
-                Nama Purchasing
-              </label>
-              <span className='text-xs opacity-60'>
-                isi nama purchasing yang bertanggung jawab di perusahaan anda
-              </span>
+            <div className='w-2/5'>
+              <label className='form-label text-nowrap'>Nama Purchasing</label>
+              {!isKonfirmasi && (
+                <span className='text-xs opacity-60'>
+                  isi nama purchasing yang bertanggung jawab di perusahaan anda
+                </span>
+              )}
             </div>
             <div className='w-3/5'>
               <input
@@ -211,13 +213,15 @@ const KontakPerusahaan = ({ chekValid, buttonSubmitClick }) => {
           </div>
 
           <div className='flex flex-row  justify-between items-start'>
-            <div>
-              <label className='form-label w-2/5 text-nowrap'>
+            <div className='w-2/5'>
+              <label className='form-label  text-nowrap'>
                 No. Telpon Purchasing
               </label>
-              <span className='text-xs opacity-60'>
-                isi nomor purchasing yang bertanggung jawab di perusahaan anda
-              </span>
+              {!isKonfirmasi && (
+                <span className='text-xs opacity-60'>
+                  isi nomor purchasing yang bertanggung jawab di perusahaan anda
+                </span>
+              )}
             </div>
             <div className='w-3/5'>
               <input
@@ -240,13 +244,15 @@ const KontakPerusahaan = ({ chekValid, buttonSubmitClick }) => {
           </div>
 
           <div className='flex flex-row  justify-between items-start'>
-            <div>
-              <label className='form-label w-2/5 text-nowrap'>
+            <div className='w-2/5'>
+              <label className='form-label  text-nowrap'>
                 Email Purchasing
               </label>
-              <span className='text-xs opacity-60'>
-                isi email purchasing benar
-              </span>
+              {!isKonfirmasi && (
+                <span className='text-xs opacity-60'>
+                  isi email purchasing dengan benar
+                </span>
+              )}
             </div>
             <div className='w-3/5'>
               <input
@@ -269,13 +275,13 @@ const KontakPerusahaan = ({ chekValid, buttonSubmitClick }) => {
           </div>
 
           <div className='flex flex-row  justify-between items-start'>
-            <div>
-              <label className='form-label w-2/5 text-nowrap'>
-                Nama Finance
-              </label>
-              <span className='text-xs opacity-60'>
-                isi nama finance yang bertanggung jawab di perusahaan anda
-              </span>
+            <div className='w-2/5'>
+              <label className='form-label  text-nowrap'>Nama Finance</label>
+              {!isKonfirmasi && (
+                <span className='text-xs opacity-60'>
+                  isi nama finance yang bertanggung jawab di perusahaan anda
+                </span>
+              )}
             </div>
             <div className='w-3/5'>
               <input
@@ -297,13 +303,15 @@ const KontakPerusahaan = ({ chekValid, buttonSubmitClick }) => {
             </div>
           </div>
           <div className='flex flex-row  justify-between items-start'>
-            <div>
-              <label className='form-label w-2/5 text-nowrap'>
+            <div className='w-2/5'>
+              <label className='form-label   text-nowrap'>
                 No. Telpon Finance
               </label>
-              <span className='text-xs opacity-60'>
-                isi nomor finance yang bertanggung jawab di perusahaan anda
-              </span>
+              {!isKonfirmasi && (
+                <span className='text-xs opacity-60'>
+                  isi nomor finance yang bertanggung jawab di perusahaan anda
+                </span>
+              )}
             </div>
             <div className='w-3/5'>
               <input
@@ -326,13 +334,13 @@ const KontakPerusahaan = ({ chekValid, buttonSubmitClick }) => {
           </div>
 
           <div className='flex flex-row  justify-between items-start'>
-            <div>
-              <label className='form-label w-2/5 text-nowrap'>
-                Email Finance
-              </label>
-              <span className='text-xs opacity-60'>
-                isi email finance dengan benar
-              </span>
+            <div className='w-2/5'>
+              <label className='form-label text-nowrap'>Email Finance</label>
+              {!isKonfirmasi && (
+                <span className='text-xs opacity-60'>
+                  isi email finance dengan benar
+                </span>
+              )}
             </div>
             <div className='w-3/5'>
               <input
@@ -355,7 +363,7 @@ const KontakPerusahaan = ({ chekValid, buttonSubmitClick }) => {
           </div>
         </div>
       </form>
-    </>
+    </div>
   );
 };