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];
|
}[columnsPerRow];
|
||||||
|
|
||||||
const defaultFields = [
|
const defaultFields = [
|
||||||
{ Name: "full_name", Label: "Full Name", Placeholder: "", Required: false },
|
{ name: "full_name", label: "Full Name", placeholder: "", required: false },
|
||||||
{
|
{
|
||||||
Name: "company_name",
|
name: "company_name",
|
||||||
Label: "Company Name",
|
label: "Company Name",
|
||||||
Placeholder: "",
|
placeholder: "",
|
||||||
Required: false,
|
required: false,
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
Name: "work_email",
|
name: "work_email",
|
||||||
Label: "Work Email",
|
label: "Work Email",
|
||||||
Placeholder: "",
|
placeholder: "",
|
||||||
Required: false,
|
required: false,
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
Name: "phone_number",
|
name: "phone_number",
|
||||||
Label: "Phone Number",
|
label: "Phone Number",
|
||||||
Placeholder: "",
|
placeholder: "",
|
||||||
Required: false,
|
required: false,
|
||||||
},
|
},
|
||||||
];
|
];
|
||||||
|
|
||||||
const fields = contactData?.Fields || defaultFields;
|
const fields = contactData?.fields || defaultFields;
|
||||||
const submitText = contactData?.SubmitButtonText || buttonText || "Submit";
|
const submitText = contactData?.submit_button_text || buttonText || "Submit";
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<form
|
<form
|
||||||
@@ -90,21 +90,21 @@ const InquiresForm = ({
|
|||||||
onSubmit={handleSubmit(onSubmit)}>
|
onSubmit={handleSubmit(onSubmit)}>
|
||||||
{fields.map((field) => {
|
{fields.map((field) => {
|
||||||
const inputType =
|
const inputType =
|
||||||
field.Name.includes("email") || field.Name === "work_email"
|
field.name.includes("email") || field.name === "work_email"
|
||||||
? "email"
|
? "email"
|
||||||
: "text";
|
: "text";
|
||||||
const isPhoneField =
|
const isPhoneField =
|
||||||
field.Name.includes("phone") || field.Name === "phone_number";
|
field.name.includes("phone") || field.name === "phone_number";
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<InputGroup
|
<InputGroup
|
||||||
key={field.Name}
|
key={field.name}
|
||||||
id={field.Name}
|
id={field.name}
|
||||||
label={field.Label}
|
label={field.label}
|
||||||
placeholder={field.Placeholder}
|
placeholder={field.placeholder}
|
||||||
register={register}
|
register={register}
|
||||||
type={inputType}
|
type={inputType}
|
||||||
error={errors[field.Name]?.message}
|
error={errors[field.name]?.message}
|
||||||
validation={
|
validation={
|
||||||
isPhoneField
|
isPhoneField
|
||||||
? {
|
? {
|
||||||
@@ -112,11 +112,11 @@ const InquiresForm = ({
|
|||||||
value: /^[+\d]+$/,
|
value: /^[+\d]+$/,
|
||||||
message: "Please enter a valid phone number",
|
message: "Please enter a valid phone number",
|
||||||
},
|
},
|
||||||
required: field.Required
|
required: field.required
|
||||||
? "This field is required"
|
? "This field is required"
|
||||||
: undefined,
|
: undefined,
|
||||||
}
|
}
|
||||||
: field.Required
|
: field.required
|
||||||
? { required: "This field is required" }
|
? { required: "This field is required" }
|
||||||
: undefined
|
: undefined
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user