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:
AmirReza Jamali
2025-11-29 13:50:56 +03:30
parent 51f9caeeed
commit 77dcfc36fd
+24 -24
View File
@@ -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
}