<iman> update new register view

1 files changed, 20 insertions, 16 deletions

diff --git a/src-migrate/modules/register/components/RegistrasiBisnis.tsx b/src-migrate/modules/register/components/RegistrasiBisnis.tsx
index 235e158a..55180297 100644
--- a/src-migrate/modules/register/components/RegistrasiBisnis.tsx
+++ b/src-migrate/modules/register/components/RegistrasiBisnis.tsx
@@ -23,6 +23,7 @@ const RegistrasiBisnis = () => {
   const [isPKP, setIsPKP] = useState(true);
   const [isTerdaftar, setIsTerdaftar] = useState(false);
   const [isIndividuRequired, setIsIndividuRequired] = useState(true);
+  const [isDropIndividu, setIsDropIndividu] = useState(true);
   const [isBisnisClicked, setisBisnisClicked] = useState(true);
   const [selectedValue, setSelectedValue] = useState('PKP');
   const [selectedValueBisnis, setSelectedValueBisnis] = useState('false');
@@ -53,14 +54,16 @@ const RegistrasiBisnis = () => {
     }
   }, [selectedValue,]);
 
-  const handleChange = (value: string) => {
+  const   handleChange = (value: string) => {
     setSelectedValue(value);
     if (value === "PKP") {
       validateFormBisnis();
-      setIsIndividuRequired(true); // Show and require Individu form
+      setIsIndividuRequired(true);
+      setIsPKP(true);
     } else {
       setIsPKP(false);
       setIsIndividuRequired(false); // Hide and make optional the Individu form
+      setIsPKP(false);
     }
   };
 
@@ -74,7 +77,7 @@ const RegistrasiBisnis = () => {
   };
 
   const handleClick = () => {
-    setIsIndividuRequired(!isIndividuRequired)
+    setIsDropIndividu(!isDropIndividu)
   };
 
   const handleClickBisnis = () => {
@@ -87,22 +90,14 @@ const RegistrasiBisnis = () => {
   };
   return (
     <>
-      <div className="mt-4">
-        <p className="text-black font-bold mb-2">Tipe Bisnis</p>
-        <RadioGroup onChange={handleChange} value={selectedValue}>
-          <Stack direction='row' className="font-bold">
-            <Radio colorScheme="red" value='PKP'>PKP</Radio>
-            <Radio colorScheme="red" value='Non-PKP' className="ml-4">Non-PKP</Radio>
-          </Stack>
-        </RadioGroup>
-      </div>
+      
       <div className="mt-4 border">
         <div className="p-4">
           <div onClick={handleClick} className="flex justify-between">
           <p className="text-2xl font-semibold text-center md:text-left">
               Data Akun
             </p>
-            {isIndividuRequired ? (
+            {isDropIndividu ? (
               <div className="flex">
                 <ChevronDownIcon onClick={handleClick} className='h-6 w-6 text-black' />
               </div>
@@ -110,10 +105,10 @@ const RegistrasiBisnis = () => {
               <ChevronRightIcon onClick={handleClick} className='h-6 w-6 text-black' />
             )}
           </div>
-          {isIndividuRequired && (
+          {isDropIndividu && (
             <div>
               <Divider  my={4} />
-              <Form type="bisnis" required={isIndividuRequired} />
+              <Form type="bisnis" required={true} isPKP={isPKP} />
             </div>
           )}
         </div>
@@ -144,7 +139,16 @@ const RegistrasiBisnis = () => {
                   </Stack>
                 </RadioGroup>
               </div>
-              <FormBisnis type="bisnis" required={isTerdaftar} />
+              <div className="mt-4">
+        <p className="text-black font-bold mb-2">Tipe Bisnis</p>
+        <RadioGroup onChange={handleChange} value={selectedValue}>
+          <Stack direction='row' className="font-bold">
+            <Radio colorScheme="red" value='PKP'>PKP</Radio>
+            <Radio colorScheme="red" value='Non-PKP' className="ml-4">Non-PKP</Radio>
+          </Stack>
+        </RadioGroup>
+      </div>
+              <FormBisnis type="bisnis" required={isTerdaftar} isPKP={isPKP} />
             </div>
           )}
         </div>