use FormError

This commit is contained in:
ochicf 2018-06-27 19:33:06 +02:00
parent 54cfd87923
commit 198d912be7
2 changed files with 3 additions and 17 deletions

View file

@ -1,19 +1,12 @@
import React from 'react';
import PropTypes from 'prop-types';
import { registerComponent } from 'meteor/vulcan:core';
import { FormattedMessage } from 'meteor/vulcan:i18n';
import { registerComponent, Components } from 'meteor/vulcan:core';
const FieldErrors = ({ errors }) => (
<ul className="form-input-errors">
{errors.map((error, index) => (
<li key={index}>
{error.message || (
<FormattedMessage
id={error.id}
values={{ ...error.data, ...error.properties }} //keep data for backwards compatibility ?
defaultMessage={JSON.stringify(error)}
/>
)}
<Components.FormError error={error} context="field" />
</li>
))}
</ul>

View file

@ -1,7 +1,6 @@
import React from 'react';
import PropTypes from 'prop-types';
import { registerComponent, Components } from 'meteor/vulcan:core';
import { FormattedMessage } from 'meteor/vulcan:i18n';
const FormErrors = ({ errors }) => (
<div className="form-errors">
@ -10,13 +9,7 @@ const FormErrors = ({ errors }) => (
<ul>
{errors.map((error, index) => (
<li key={index}>
{error.message || (
<FormattedMessage
id={error.id}
values={{ ...error.properties }}
defaultMessage={JSON.stringify(error)}
/>
)}
<Components.FormError error={error} context="form" />
</li>
))}
</ul>