Improve field validation and error handling in settings / metadata

[ijreilly]

### Field validation
- [ ] https://github.com/twentyhq/twenty/issues/6094
- [ ] https://github.com/twentyhq/twenty/issues/5428

### Error handling
- [ ] https://github.com/twentyhq/twenty/issues/6212
- [ ] https://github.com/twentyhq/twenty/issues/4786

[greptile-apps[bot]]

Field validation

• File: /packages/twenty-front/src/pages/settings/data-model/SettingsObjectFieldEdit.tsx
  • Step: Update formConfig to include validation schema.

    const formConfig = useForm<SettingsDataModelFieldEditFormValues>({
    mode: 'onTouched',
    resolver: zodResolver(settingsFieldFormSchema),
    });

• File: /packages/twenty-front/src/pages/settings/data-model/SettingsObjectNewField/SettingsObjectNewFieldStep2.tsx
  • Step: Ensure settingsFieldFormSchema is used for form validation.

    const formConfig = useForm<SettingsDataModelNewFieldFormValues>({
    mode: 'onTouched',
    resolver: zodResolver(settingsFieldFormSchema),
    });

Error handling

• File: /packages/twenty-front/src/pages/settings/data-model/SettingsObjectFieldEdit.tsx
  • Step: Add error handling in handleSave function.

    const handleSave = async (formValues: SettingsDataModelFieldEditFormValues) => {
    try {
    // existing code
    } catch (error) {
    enqueueSnackBar((error as Error).message, {
    variant: SnackBarVariant.Error,
    });
    }
    };

• File: /packages/twenty-front/src/pages/settings/data-model/SettingsObjectNewField/SettingsObjectNewFieldStep2.tsx
  • Step: Add error handling in handleSave function.

    const handleSave = async (formValues: SettingsDataModelNewFieldFormValues) => {
    try {
    // existing code
    } catch (error) {
    enqueueSnackBar((error as Error).message, {
    variant: SnackBarVariant.Error,
    });
    }
    };

References

/packages/twenty-front/src/pages/settings/data-model/SettingsObjectFieldEdit.tsx /packages/twenty-front/src/pages/settings/data-model/SettingsObjectDetail.tsx /packages/twenty-front/src/modules/settings/data-model/validation-schemas/settingsUpdateObjectInputSchema.ts /packages/twenty-front/src/modules/settings/data-model/components/SettingsObjectFieldRelationForm.tsx /packages/twenty-front/src/pages/settings/data-model/SettingsObjectNewField/SettingsObjectNewFieldStep2.tsx /packages/twenty-front/src/modules/settings/data-model/fields/forms/validation-schemas/settingsFieldFormSchema.ts /packages/twenty-front/src/pages/settings/data-model/SettingsObjectNewField/SettingsObjectNewFieldStep1.tsx /packages/twenty-front/src/modules/settings/data-model/fields/forms/components/SettingsDataModelFieldSettingsFormCard.tsx /packages/twenty-front/src/modules/object-metadata/hooks/useFieldMetadataItem.ts /packages/twenty-front/src/modules/object-metadata/hooks/useFieldMetadataItem.ts

#### About Greptile

This response provides a starting point for your research, not a precise solution. Help us improve! Please leave a 👍 if this is helpful and 👎 if it is irrelevant. [Ask Greptile](https://app.greptile.com/chat/github/twentyhq/twenty/main) · [Edit Issue Bot Settings](https://app.greptile.com/apps/github)