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]; }[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
} }