diff options
| author | it-fixcomart <it@fixcomart.co.id> | 2024-08-28 11:57:18 +0700 |
|---|---|---|
| committer | it-fixcomart <it@fixcomart.co.id> | 2024-08-28 11:57:18 +0700 |
| commit | 3da0d5f55a0dc8b9c04cb271ea7d541c63c9e3a8 (patch) | |
| tree | 29e392817f9ef01a66ae75668fc43f1a4d69a25d /src-migrate/modules/register | |
| parent | 0b5f187f45e0bbf111e11a94415f20d5e34f7c5c (diff) | |
<iman> update new register
Diffstat (limited to 'src-migrate/modules/register')
| -rw-r--r-- | src-migrate/modules/register/components/FormBisnis.tsx | 14 | ||||
| -rw-r--r-- | src-migrate/modules/register/components/RegistrasiIndividu.tsx | 15 |
2 files changed, 26 insertions, 3 deletions
diff --git a/src-migrate/modules/register/components/FormBisnis.tsx b/src-migrate/modules/register/components/FormBisnis.tsx index 3b8fdbfc..e2e021b3 100644 --- a/src-migrate/modules/register/components/FormBisnis.tsx +++ b/src-migrate/modules/register/components/FormBisnis.tsx @@ -328,11 +328,19 @@ const form: React.FC<FormProps> = ({ type, required, isPKP }) => { readOnly={required} placeholder='000.000.000.0-000.000' value={!required ? form.npwp : ''} - onChange={handleInputChange} - aria-invalid={isPKP && !required && !!errors.npwp} + maxLength={16} // Set maximum length to 16 characters + onChange={(e) => { + if (!required) { + const value = e.target.value.replace(/\D/g, ''); // Remove non-digit characters + if (value.length <= 16) { + handleInputChange(e); + } + } + }} + aria-invalid={!required && !!errors.npwp} /> - {isPKP && !required && !!errors.npwp && <span className="form-msg-danger">{errors.npwp}</span>} + {!required && !!errors.npwp && <span className="form-msg-danger">{errors.npwp}</span>} </div> <div> diff --git a/src-migrate/modules/register/components/RegistrasiIndividu.tsx b/src-migrate/modules/register/components/RegistrasiIndividu.tsx index b32f2f7b..5503db2a 100644 --- a/src-migrate/modules/register/components/RegistrasiIndividu.tsx +++ b/src-migrate/modules/register/components/RegistrasiIndividu.tsx @@ -1,5 +1,20 @@ import Form from "./Form"; +import { useRegisterStore } from "../stores/useRegisterStore"; +import { useEffect } from "react"; const RegistrasiIndividu = () => { + const { + form, + errors, + updateForm, + validate + } = useRegisterStore() + + useEffect(() => { + updateForm("is_pkp", 'false'); + updateForm("is_terdaftar", 'false'); + updateForm("type_acc", 'individu'); + validate(); + }, []); return ( <> |
