refactor(inquires): Standardize form field types to snake_case
- Convert field property names from PascalCase to snake_case (Name → name, Label → label, Placeholder → placeholder, Required → required) - Update contactData property access from PascalCase to snake_case (Fields → fields, SubmitButtonText → submit_button_text) - Update all field references throughout the component to use new snake_case naming convention - Maintain consistency with standardized CMS data types established in previous refactoring
This commit is contained in:
+24
-24
@@ -60,29 +60,29 @@ const InquiresForm = ({
|
||||
}[columnsPerRow];
|
||||
|
||||
const defaultFields = [
|
||||
{ Name: "full_name", Label: "Full Name", Placeholder: "", Required: false },
|
||||
{ name: "full_name", label: "Full Name", placeholder: "", required: false },
|
||||
{
|
||||
Name: "company_name",
|
||||
Label: "Company Name",
|
||||
Placeholder: "",
|
||||
Required: false,
|
||||
name: "company_name",
|
||||
label: "Company Name",
|
||||
placeholder: "",
|
||||
required: false,
|
||||
},
|
||||
{
|
||||
Name: "work_email",
|
||||
Label: "Work Email",
|
||||
Placeholder: "",
|
||||
Required: false,
|
||||
name: "work_email",
|
||||
label: "Work Email",
|
||||
placeholder: "",
|
||||
required: false,
|
||||
},
|
||||
{
|
||||
Name: "phone_number",
|
||||
Label: "Phone Number",
|
||||
Placeholder: "",
|
||||
Required: false,
|
||||
name: "phone_number",
|
||||
label: "Phone Number",
|
||||
placeholder: "",
|
||||
required: false,
|
||||
},
|
||||
];
|
||||
|
||||
const fields = contactData?.Fields || defaultFields;
|
||||
const submitText = contactData?.SubmitButtonText || buttonText || "Submit";
|
||||
const fields = contactData?.fields || defaultFields;
|
||||
const submitText = contactData?.submit_button_text || buttonText || "Submit";
|
||||
|
||||
return (
|
||||
<form
|
||||
@@ -90,21 +90,21 @@ const InquiresForm = ({
|
||||
onSubmit={handleSubmit(onSubmit)}>
|
||||
{fields.map((field) => {
|
||||
const inputType =
|
||||
field.Name.includes("email") || field.Name === "work_email"
|
||||
field.name.includes("email") || field.name === "work_email"
|
||||
? "email"
|
||||
: "text";
|
||||
const isPhoneField =
|
||||
field.Name.includes("phone") || field.Name === "phone_number";
|
||||
field.name.includes("phone") || field.name === "phone_number";
|
||||
|
||||
return (
|
||||
<InputGroup
|
||||
key={field.Name}
|
||||
id={field.Name}
|
||||
label={field.Label}
|
||||
placeholder={field.Placeholder}
|
||||
key={field.name}
|
||||
id={field.name}
|
||||
label={field.label}
|
||||
placeholder={field.placeholder}
|
||||
register={register}
|
||||
type={inputType}
|
||||
error={errors[field.Name]?.message}
|
||||
error={errors[field.name]?.message}
|
||||
validation={
|
||||
isPhoneField
|
||||
? {
|
||||
@@ -112,11 +112,11 @@ const InquiresForm = ({
|
||||
value: /^[+\d]+$/,
|
||||
message: "Please enter a valid phone number",
|
||||
},
|
||||
required: field.Required
|
||||
required: field.required
|
||||
? "This field is required"
|
||||
: undefined,
|
||||
}
|
||||
: field.Required
|
||||
: field.required
|
||||
? { required: "This field is required" }
|
||||
: undefined
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user