summaryrefslogtreecommitdiff
path: root/src-migrate/modules/register/components/RegistrasiBisnis.tsx
diff options
context:
space:
mode:
authorit-fixcomart <it@fixcomart.co.id>2024-08-21 17:10:13 +0700
committerit-fixcomart <it@fixcomart.co.id>2024-08-21 17:10:13 +0700
commit2ffc49bb65a16f07cf5a3b7e4926c34ea07b9460 (patch)
treef417c2d0e543ff8f41186a8177167cff8b9ad01b /src-migrate/modules/register/components/RegistrasiBisnis.tsx
parent2f106583f644e29019828a9e8ed82e23c7c67d0a (diff)
<iman> update new register
Diffstat (limited to 'src-migrate/modules/register/components/RegistrasiBisnis.tsx')
-rw-r--r--src-migrate/modules/register/components/RegistrasiBisnis.tsx37
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>