From 6bd44e78a0b6e90469eb41e97c4c43ce7e7a766e Mon Sep 17 00:00:00 2001
From: AmirReza Jamali <amir7jamali.ar@yahoo.com>
Date: Tue, 11 Nov 2025 13:00:50 +0330
Subject: [PATCH] refactor(marketing): Update form field names to use
 snake_case for consistency

---
 src/app/marketing/_components/ChartStep.tsx   |  8 +++----
 .../marketing/_components/ContactsStep.tsx    |  4 ++--
 src/app/marketing/_components/HeroStep.tsx    | 24 +++++++++----------
 .../_components/useChartStepPresenter.ts      |  2 +-
 .../_components/useContactsStepPresenter.ts   |  2 +-
 .../_components/useHeroStepPresenter.ts       |  6 ++---
 6 files changed, 23 insertions(+), 23 deletions(-)

diff --git a/src/app/marketing/_components/ChartStep.tsx b/src/app/marketing/_components/ChartStep.tsx
index 053f0f2..84a6e3d 100644
--- a/src/app/marketing/_components/ChartStep.tsx
+++ b/src/app/marketing/_components/ChartStep.tsx
@@ -59,18 +59,18 @@ const ChartStep = forwardRef<unknown, ChartStepProps>(
               </p>
             )}
             <InputGroup
-              {...register("missedAmount", {
+              {...register("missed_amount", {
                 required: { message: FormErrorMessages.required, value: true },
               })}
               label="Missed Amount"
-              name="missedAmount"
+              name="missed_amount"
               required
               type="text"
               placeholder="Enter Missed Amount"
             />
-            {errors.missedAmount && (
+            {errors.missed_amount && (
               <p className="mt-1 text-sm text-red-500">
-                {errors.missedAmount.message}
+                {errors.missed_amount.message}
               </p>
             )}
           </ShowcaseSection>
diff --git a/src/app/marketing/_components/ContactsStep.tsx b/src/app/marketing/_components/ContactsStep.tsx
index 5f1a5d8..afe3d4c 100644
--- a/src/app/marketing/_components/ContactsStep.tsx
+++ b/src/app/marketing/_components/ContactsStep.tsx
@@ -52,9 +52,9 @@ const ContactsStep = forwardRef<unknown, ContactsStepProps>(
               placeholder="Enter Description"
             />
             <InputGroup
-              {...register("submitButtonText")}
+              {...register("submit_button_text")}
               label="Submit Button Text"
-              name="submitButtonText"
+              name="submit_button_text"
               type="text"
               placeholder="Enter Submit Button Text"
             />
diff --git a/src/app/marketing/_components/HeroStep.tsx b/src/app/marketing/_components/HeroStep.tsx
index 2e7cf2a..5468456 100644
--- a/src/app/marketing/_components/HeroStep.tsx
+++ b/src/app/marketing/_components/HeroStep.tsx
@@ -71,7 +71,7 @@ const HeroStep = forwardRef<unknown, HeroStepProps>(({ initialData }, ref) => {
             </p>
           )}
           <InputGroup
-            {...register("buttonText", {
+            {...register("button_text", {
               required: { message: FormErrorMessages.required, value: true },
               minLength: {
                 value: 2,
@@ -83,18 +83,18 @@ const HeroStep = forwardRef<unknown, HeroStepProps>(({ initialData }, ref) => {
               },
             })}
             label="Button Text"
-            name="buttonText"
+            name="button_text"
             required
             type="text"
             placeholder="Enter Button Text"
           />
-          {errors.buttonText && (
+          {errors.button_text && (
             <p className="mt-1 text-sm text-red-500">
-              {errors.buttonText.message}
+              {errors.button_text.message}
             </p>
           )}
           <InputGroup
-            {...register("buttonLink", {
+            {...register("button_link", {
               required: { message: FormErrorMessages.required, value: true },
               minLength: {
                 value: 2,
@@ -106,18 +106,18 @@ const HeroStep = forwardRef<unknown, HeroStepProps>(({ initialData }, ref) => {
               },
             })}
             label="Button Link"
-            name="buttonLink"
+            name="button_link"
             required
             type="url"
             placeholder="Enter Button Link"
           />
-          {errors.buttonLink && (
+          {errors.button_link && (
             <p className="mt-1 text-sm text-red-500">
-              {errors.buttonLink.message}
+              {errors.button_link.message}
             </p>
           )}
           <InputGroup
-            {...register("gifFile", {
+            {...register("gif_file", {
               required: { message: FormErrorMessages.required, value: true },
               pattern: {
                 message: FormErrorMessages.invalidPattern,
@@ -125,14 +125,14 @@ const HeroStep = forwardRef<unknown, HeroStepProps>(({ initialData }, ref) => {
               },
             })}
             label="GIF File URL"
-            name="gifFile"
+            name="gif_file"
             required
             type="text"
             placeholder="Enter GIF File URL"
           />
-          {errors.gifFile && (
+          {errors.gif_file && (
             <p className="mt-1 text-sm text-red-500">
-              {errors.gifFile.message}
+              {errors.gif_file.message}
             </p>
           )}
         </ShowcaseSection>
diff --git a/src/app/marketing/_components/useChartStepPresenter.ts b/src/app/marketing/_components/useChartStepPresenter.ts
index 54bb60d..0d77a65 100644
--- a/src/app/marketing/_components/useChartStepPresenter.ts
+++ b/src/app/marketing/_components/useChartStepPresenter.ts
@@ -3,7 +3,7 @@ import { useFieldArray, useForm } from "react-hook-form";
 
 export interface IChartStepFields {
   title: string;
-  missedAmount: string;
+  missed_amount: string;
   data: { key: string; value: number }[];
 }
 
diff --git a/src/app/marketing/_components/useContactsStepPresenter.ts b/src/app/marketing/_components/useContactsStepPresenter.ts
index 72caaf4..58188de 100644
--- a/src/app/marketing/_components/useContactsStepPresenter.ts
+++ b/src/app/marketing/_components/useContactsStepPresenter.ts
@@ -4,7 +4,7 @@ import { useFieldArray, useForm } from "react-hook-form";
 export interface IContactsStepFields {
   title: string;
   description: string;
-  submitButtonText: string;
+  submit_button_text: string;
   fields: {
     name: string;
     label: string;
diff --git a/src/app/marketing/_components/useHeroStepPresenter.ts b/src/app/marketing/_components/useHeroStepPresenter.ts
index a7b826d..6cb5bbf 100644
--- a/src/app/marketing/_components/useHeroStepPresenter.ts
+++ b/src/app/marketing/_components/useHeroStepPresenter.ts
@@ -4,9 +4,9 @@ import { useForm } from "react-hook-form";
 export interface IHeroStepFields {
   title: string;
   description: string;
-  buttonText: string;
-  buttonLink: string;
-  gifFile: string;
+  button_text: string;
+  button_link: string;
+  gif_file: string;
 }
 
 const useHeroStepPresenter = (initialData?: IHeroStepFields) => {