Merge pull request 'refactor(marketing): Update form field names to use snake_case for consistency' (#47) from table-filter into develop

Reviewed-on: https://repo.ravanertebat.com/TM/tm_panel/pulls/47
Reviewed-by: Sina Nakhostin <s.nakhostin@ravanertebat.com>

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>

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"
             />

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>

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

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;

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) => {