<iman> update view new register

1 files changed, 25 insertions, 19 deletions

diff --git a/src-migrate/modules/register/components/RegistrasiBisnis.tsx b/src-migrate/modules/register/components/RegistrasiBisnis.tsx
index e454ff9c..91bf128f 100644
--- a/src-migrate/modules/register/components/RegistrasiBisnis.tsx
+++ b/src-migrate/modules/register/components/RegistrasiBisnis.tsx
@@ -3,7 +3,7 @@ import FormBisnis from "./FormBisnis";
 import Form from "./Form";
 import TermCondition from "./TermCondition";
 import FormCaptcha from "./FormCaptcha";
-import { Radio, RadioGroup, Stack, Divider } from '@chakra-ui/react'
+import { Radio, RadioGroup, Stack, Divider, Button } from '@chakra-ui/react'
 import React from "react";
 import {
   ChevronDownIcon,
@@ -18,7 +18,7 @@ const RegistrasiBisnis = () => {
   const [isPKP, setIsPKP] = useState(false);
   const [isTerdaftar, setIsTerdaftar] = useState(false);
   const [isIndividuRequired, setIsIndividuRequired] = useState(true);
-  const [isBisnisRequired, setIsBisnisRequired] = useState(true);
+  const [isBisnisClicked, setisBisnisClicked] = useState(true);
   const [selectedValue, setSelectedValue] = useState('PKP');
   const [selectedValueBisnis, setSelectedValueBisnis] = useState('true');
    const {
@@ -49,9 +49,9 @@ const RegistrasiBisnis = () => {
   const handleChangeBisnis = (value: string) => {
     setSelectedValueBisnis(value);
     if (value === "true") {
-      setIsBisnisRequired(true); // Show and require Individu form
+      setIsTerdaftar(true);
     } else {
-      setIsBisnisRequired(false); // Hide and make optional the Individu form
+      setIsTerdaftar(true);
     }
   };
 
@@ -60,7 +60,7 @@ const RegistrasiBisnis = () => {
   };
 
   const handleClickBisnis = () => {
-    setIsBisnisRequired(!isBisnisRequired)
+    setisBisnisClicked(!isBisnisClicked)
   };
 
   const handleSubmit = () => {
@@ -77,16 +77,18 @@ const RegistrasiBisnis = () => {
       <div className="mt-4">
         <p className="text-black font-bold mb-2">Tipe Bisnis</p>
         <RadioGroup onChange={handleChange} value={selectedValue}>
-          <Stack direction='row'>
-            <Radio value='PKP'>PKP</Radio>
-            <Radio value='Non-PKP'>Non-PKP</Radio>
+          <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>Data Akun</p>
+          <p className="text-2xl font-semibold text-center md:text-left">
+              Data Akun
+            </p>
             {isIndividuRequired ? (
               <div className="flex">
                 <ChevronDownIcon onClick={handleClick} className='h-6 w-6 text-black' />
@@ -106,8 +108,10 @@ const RegistrasiBisnis = () => {
       <div className="mt-4 border">
         <div className="p-4">
           <div onClick={handleClickBisnis} className="flex justify-between">
-            <p>Data Bisnis</p>
-            {isBisnisRequired ? (
+          <p className="text-2xl font-semibold text-center md:text-left">
+              Data Bisnis
+            </p>
+            {isBisnisClicked ? (
               <div className="flex">
                 <ChevronDownIcon onClick={handleClickBisnis} className='h-6 w-6 text-black' />
               </div>
@@ -115,15 +119,15 @@ const RegistrasiBisnis = () => {
               <ChevronRightIcon onClick={handleClickBisnis} className='h-6 w-6 text-black' />
             )}
           </div>
-          {isBisnisRequired && (
+          {isBisnisClicked && (
             <div>
               <Divider  my={4} />
               <div>
-                <p className="text-black font-bold">Bisnis Terdaftar di Indoteknik?</p>
+                <p className="text-black font-bold mb-2">Bisnis Terdaftar di Indoteknik?</p>
                 <RadioGroup onChange={handleChangeBisnis} value={selectedValueBisnis}>
                   <Stack direction='row'>
-                    <Radio value='true'>Sudah Terdaftar</Radio>
-                    <Radio value='false'>Belum Terdaftar</Radio>
+                    <Radio colorScheme="red" value='true'>Sudah Terdaftar</Radio>
+                    <Radio colorScheme="red" value='false' className="ml-2">Belum Terdaftar</Radio>
                   </Stack>
                 </RadioGroup>
               </div>
@@ -135,14 +139,16 @@ const RegistrasiBisnis = () => {
       <h1 className=""></h1>
       <FormCaptcha />
       <TermCondition />
-      <button
+      <Button
         type="submit"
-        className="btn-yellow w-full mt-2"
+        colorScheme="red"
+        className="w-full mt-2"
+        size='lg'
         onClick={handleSubmit}
-        disabled={!isFormValid || !isCheckedTNC || mutation.isLoading || !isValidCaptcha}
+        // disabled={!isFormValid || !isCheckedTNC || mutation.isLoading || !isValidCaptcha}  
       >
         {mutation.isLoading ? 'Loading...' : 'Daftar'}
-      </button>
+      </Button>
     </>
   );
 };