From 74fe20802dd82d120b218838b169b73ed4c3e5fc Mon Sep 17 00:00:00 2001
From: darshan <darshandamre0@gmail.com>
Date: Mon, 13 Feb 2023 18:43:24 +0530
Subject: [PATCH] Ability to write placeholder in routing forms (#7054)

---
 .../ee/routing-forms/components/FormInputFields.tsx      | 1 +
 .../ee/routing-forms/pages/form-edit/[...appPages].tsx   | 9 +++++++++
 packages/app-store/ee/routing-forms/zod.ts               | 1 +
 3 files changed, 11 insertions(+)

diff --git a/packages/app-store/ee/routing-forms/components/FormInputFields.tsx b/packages/app-store/ee/routing-forms/components/FormInputFields.tsx
index f05547fac0..bae6fc581e 100644
--- a/packages/app-store/ee/routing-forms/components/FormInputFields.tsx
+++ b/packages/app-store/ee/routing-forms/components/FormInputFields.tsx
@@ -50,6 +50,7 @@ export default function FormInputFields(props: Props) {
             <div className="flex rounded-sm">
               <Component
                 value={response[field.id]?.value}
+                placeholder={field.placeholder ?? ""}
                 // required property isn't accepted by query-builder types
                 // eslint-disable-next-line @typescript-eslint/ban-ts-comment
                 /* @ts-ignore */
diff --git a/packages/app-store/ee/routing-forms/pages/form-edit/[...appPages].tsx b/packages/app-store/ee/routing-forms/pages/form-edit/[...appPages].tsx
index 356a641580..2a9e15b54b 100644
--- a/packages/app-store/ee/routing-forms/pages/form-edit/[...appPages].tsx
+++ b/packages/app-store/ee/routing-forms/pages/form-edit/[...appPages].tsx
@@ -139,6 +139,15 @@ function Field({
               onChange={(e) => setUserChangedIdentifier(e.target.value)}
             />
           </div>
+          <div className="mb-6 w-full">
+            <TextField
+              disabled={!!router}
+              label="Placeholder"
+              placeholder="This will be the placeholder"
+              defaultValue={routerField?.placeholder}
+              {...hookForm.register(`${hookFieldNamespace}.placeholder`)}
+            />
+          </div>
           <div className="mb-6 w-full ">
             <Controller
               name={`${hookFieldNamespace}.type`}
diff --git a/packages/app-store/ee/routing-forms/zod.ts b/packages/app-store/ee/routing-forms/zod.ts
index a0575bac34..4aaba39070 100644
--- a/packages/app-store/ee/routing-forms/zod.ts
+++ b/packages/app-store/ee/routing-forms/zod.ts
@@ -4,6 +4,7 @@ export const zodNonRouterField = z.object({
   id: z.string(),
   label: z.string(),
   identifier: z.string().optional(),
+  placeholder: z.string().optional(),
   type: z.string(),
   selectText: z.string().optional(),
   required: z.boolean().optional(),