option.name}
+ optionValue={(option) => option.id}
+ onChange={handleFieldChange}
+ />
+
-
- o.id}
- optionLabel={(o) =>
- o.role + ((o.readOnly && " (Read Only)") || "")
- }
- onChange={(e) => handleValueChange(e, "user_type")}
- />
-
-
-
-
- o.name}
- optionValue={(o) => o.id}
- onChange={(e) => handleValueChange(e, "home_facility")}
- />
-
-
-
-
-
- handleValueChange(value, "phone_number")
- }
- errors={state.errors.phone_number}
- onlyIndia={true}
+ label="Phone Number"
+ required
+ onlyIndia
/>
{
- setPhoneIsWhatsApp(checked);
- !checked && handleValueChange("+91", "alt_phone_number");
- }}
+ onCheck={setPhoneIsWhatsApp}
label="Is the phone number a WhatsApp number?"
/>
-
-
- handleValueChange(value, "alt_phone_number")
- }
- disabled={phoneIsWhatsApp}
- errors={state.errors.alt_phone_number}
- onlyIndia={true}
- />
-
-
{
- handleChange(e);
+ handleFieldChange(e);
setUsernameInput(e.value);
}}
onFocus={() => setUsernameInputInFocus(true)}
onBlur={() => {
setUsernameInputInFocus(false);
}}
- error={state.errors.username}
/>
{usernameInputInFocus && (
@@ -752,34 +779,25 @@ export const UserAdd = (props: UserProps) => {
)}
-
-
-
-
-
setPasswordInputInFocus(true)}
onBlur={() => setPasswordInputInFocus(false)}
/>
@@ -805,18 +823,13 @@ export const UserAdd = (props: UserProps) => {
)}
-
setConfirmPasswordInputInFocus(true)}
onBlur={() => setConfirmPasswordInputInFocus(false)}
/>
@@ -827,148 +840,87 @@ export const UserAdd = (props: UserProps) => {
"Confirm password should match the entered password"
)}
-
-
-
-
-
-
-
-
-
-
-
+
+
+ o.text}
+ optionValue={(o) => o.text}
+ />
+
+ {isStateLoading ? (
+
+ ) : (
+ o.name}
+ optionValue={(o) => o.id}
+ onChange={(e) => {
+ handleFieldChange(e);
+ if (e) fetchDistricts(e.value);
+ }}
/>
-
-
-
+ )}
+
+ {isDistrictLoading ? (
+
+ ) : (
o.text}
- optionValue={(o) => o.text}
- onChange={(e) => handleValueChange(e.value, "gender")}
+ {...field("district")}
+ label="District"
+ required
+ placeholder="Choose District"
+ options={districts}
+ optionLabel={(o) => o.name}
+ optionValue={(o) => o.id}
+ onChange={(e) => {
+ handleFieldChange(e);
+ if (e) fetchLocalBody(e.value);
+ }}
/>
-
-
-
- {isStateLoading ? (
-
- ) : (
- <>
- o.name}
- optionValue={(o) => o.id}
- value={state.form.state}
- onChange={(e) => {
- if (e) {
- return [
- handleValueChange(e.value, "state"),
- fetchDistricts(e.value),
- ];
- }
- }}
- />
-
-
- )}
-
-
-
- {isDistrictLoading ? (
+ )}
+
+ {showLocalbody &&
+ (isLocalbodyLoading ? (
) : (
<>
o.name}
optionValue={(o) => o.id}
- value={state.form.district}
- onChange={(e) => {
- if (e) {
- return [
- handleValueChange(e.value, "district"),
- fetchLocalBody(e.value),
- ];
- }
- }}
/>
-
- )}
-
- {showLocalbody && (
-
-
- {isLocalbodyLoading ? (
-
- ) : (
- <>
- o.name}
- optionValue={(o) => o.id}
- value={state.form.local_body}
- onChange={(e) =>
- handleValueChange(e.value, "local_body")
- }
- />
-
-
- )}
-
- )}
+ ))}
-
+
+
+
+ )}
+
+ 
+
+ 
-