Use the correct component for field of type text

Depending on `multiline`.
vivid-planet · Feb 15, 2024 · 399214d · 399214d
1 parent 0ba88ac
commit 399214d
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/packages/admin/cms-admin/src/generator/future/generateForm.ts b/packages/admin/cms-admin/src/generator/future/generateForm.ts
@@ -90,6 +90,8 @@ export function generateForm(
         FinalFormSubmitEvent,
         Loading,
         MainContent,
+        TextAreaField,
+        TextField,
         Toolbar,
         ToolbarActions,
         ToolbarFillSpace,

diff --git a/packages/admin/cms-admin/src/generator/future/generateFormField.ts b/packages/admin/cms-admin/src/generator/future/generateFormField.ts
@@ -35,13 +35,12 @@ export function generateFormField(
     const imports: Imports = [];
     let code = "";
     if (config.type == "text") {
+        const TextInputComponent = config.multiline ? "TextAreaField" : "TextField";
         code = `
-        <Field
+        <${TextInputComponent}
             ${required ? "required" : ""}
-            ${config.multiline ? "multiline" : ""}
             fullWidth
             name="${name}"
-            component={FinalFormInput}
             label={<FormattedMessage id="${instanceGqlType}.${name}" defaultMessage="${label}" />}
         />`;
     } else if (config.type == "number") {