diff options
| author | it-fixcomart <it@fixcomart.co.id> | 2024-08-21 17:10:13 +0700 |
|---|---|---|
| committer | it-fixcomart <it@fixcomart.co.id> | 2024-08-21 17:10:13 +0700 |
| commit | 2ffc49bb65a16f07cf5a3b7e4926c34ea07b9460 (patch) | |
| tree | f417c2d0e543ff8f41186a8177167cff8b9ad01b /src-migrate/modules/register/components/RegistrasiBisnis.tsx | |
| parent | 2f106583f644e29019828a9e8ed82e23c7c67d0a (diff) | |
<iman> update new register
Diffstat (limited to 'src-migrate/modules/register/components/RegistrasiBisnis.tsx')
| -rw-r--r-- | src-migrate/modules/register/components/RegistrasiBisnis.tsx | 37 |
1 files changed, 25 insertions, 12 deletions
diff --git a/src-migrate/modules/register/components/RegistrasiBisnis.tsx b/src-migrate/modules/register/components/RegistrasiBisnis.tsx index 91bf128f..235e158a 100644 --- a/src-migrate/modules/register/components/RegistrasiBisnis.tsx +++ b/src-migrate/modules/register/components/RegistrasiBisnis.tsx @@ -1,4 +1,4 @@ -import { useMemo, useState } from "react"; +import { ChangeEvent, useEffect, useMemo, useState } from "react"; import FormBisnis from "./FormBisnis"; import Form from "./Form"; import TermCondition from "./TermCondition"; @@ -13,14 +13,19 @@ import { useRegisterStore } from "../stores/useRegisterStore"; import { useMutation } from "react-query"; import { RegisterProps } from "~/types/auth"; import { registerUser } from "~/services/auth"; +import router from "next/router"; +import toast from "react-hot-toast"; +import { useRouter } from "next/router"; +import { UseToastOptions, useToast } from "@chakra-ui/react"; +import Link from "next/link"; const RegistrasiBisnis = () => { - const [isPKP, setIsPKP] = useState(false); + const [isPKP, setIsPKP] = useState(true); const [isTerdaftar, setIsTerdaftar] = useState(false); const [isIndividuRequired, setIsIndividuRequired] = useState(true); const [isBisnisClicked, setisBisnisClicked] = useState(true); const [selectedValue, setSelectedValue] = useState('PKP'); - const [selectedValueBisnis, setSelectedValueBisnis] = useState('true'); + const [selectedValueBisnis, setSelectedValueBisnis] = useState('false'); const { form, formBisnis, @@ -28,17 +33,30 @@ const RegistrasiBisnis = () => { isValidCaptcha, errors, updateForm, + updateFormBisnis, + validateFormBisnis, validate, } = useRegisterStore() const isFormValid = useMemo(() => Object.keys(errors).length === 0, [errors]) + const toast = useToast() const mutation = useMutation({ mutationFn: (data: RegisterProps) => registerUser(data) }) + useEffect(() => { + if (selectedValue === "PKP") { + updateFormBisnis("is_pkp", 'true'); + validateFormBisnis(); + } else { + updateFormBisnis("is_pkp", 'false'); + validateFormBisnis(); + } + }, [selectedValue,]); + const handleChange = (value: string) => { setSelectedValue(value); if (value === "PKP") { - setIsPKP(true); + validateFormBisnis(); setIsIndividuRequired(true); // Show and require Individu form } else { setIsPKP(false); @@ -51,7 +69,7 @@ const RegistrasiBisnis = () => { if (value === "true") { setIsTerdaftar(true); } else { - setIsTerdaftar(true); + setIsTerdaftar(false); } }; @@ -63,15 +81,10 @@ const RegistrasiBisnis = () => { setisBisnisClicked(!isBisnisClicked) }; - const handleSubmit = () => { + const handleSubmit = async () => { console.log("form",form) console.log("form Bisnis",formBisnis) }; - console.log("isFormValid",isFormValid) - console.log("isCheckedTNC",isCheckedTNC) - console.log("mutation.isLoading",mutation.isLoading) - console.log("isValidCaptcha",isValidCaptcha) - return ( <> <div className="mt-4"> @@ -131,7 +144,7 @@ const RegistrasiBisnis = () => { </Stack> </RadioGroup> </div> - <FormBisnis type="bisnis" required={isIndividuRequired} /> + <FormBisnis type="bisnis" required={isTerdaftar} /> </div> )} </div> |
