chore(ui): Reuse FormFieldDefinition on other parts of AgentForm

This commit is contained in:
Richard Palethorpe
2025-03-26 10:00:41 +00:00
parent d520d88301
commit 7fb99ecf21
8 changed files with 357 additions and 340 deletions

View File

@@ -22,18 +22,19 @@ const FormFieldDefinition = ({
return (
<div className="form-fields">
{fields.map((field) => (
<FormField
key={field.name}
id={`${idPrefix}${field.name}`}
label={field.label}
type={field.type}
value={safeValues[field.name] !== undefined ? safeValues[field.name] : field.defaultValue}
onChange={(value) => onChange(field.name, value)}
placeholder={field.placeholder || ''}
helpText={field.helpText || ''}
options={field.options || []}
required={field.required || false}
/>
<div key={field.name} style={{ marginBottom: '16px' }}>
<FormField
id={`${idPrefix}${field.name}`}
label={field.label}
type={field.type}
value={safeValues[field.name] !== undefined ? safeValues[field.name] : field.defaultValue}
onChange={(value) => onChange(field.name, value)}
placeholder={field.placeholder || ''}
helpText={field.helpText || ''}
options={field.options || []}
required={field.required || false}
/>
</div>
))}
</div>
);