@uppy/dashboard
Version:
Universal UI plugin for Uppy.
31 lines • 1.04 kB
JavaScript
import { h } from 'preact';
const metaFieldIdToName = (metaFieldId, metaFields) => {
const fields = typeof metaFields === 'function' ? metaFields() : metaFields;
const field = fields.filter(f => f.id === metaFieldId);
return field[0].name;
};
export default function MetaErrorMessage(props) {
const {
file,
toggleFileCard,
i18n,
metaFields
} = props;
const {
missingRequiredMetaFields
} = file;
if (!(missingRequiredMetaFields != null && missingRequiredMetaFields.length)) {
return null;
}
const metaFieldsString = missingRequiredMetaFields.map(missingMetaField => metaFieldIdToName(missingMetaField, metaFields)).join(', ');
return h("div", {
className: "uppy-Dashboard-Item-errorMessage"
}, i18n('missingRequiredMetaFields', {
smart_count: missingRequiredMetaFields.length,
fields: metaFieldsString
}), ' ', h("button", {
type: "button",
class: "uppy-u-reset uppy-Dashboard-Item-errorMessageBtn",
onClick: () => toggleFileCard(true, file.id)
}, i18n('editFile')));
}