diff --git a/packages/@uppy/dashboard/src/components/FileItem/FileInfo/index.scss b/packages/@uppy/dashboard/src/components/FileItem/FileInfo/index.scss index ddf3fdfeda..ff62792f36 100644 --- a/packages/@uppy/dashboard/src/components/FileItem/FileInfo/index.scss +++ b/packages/@uppy/dashboard/src/components/FileItem/FileInfo/index.scss @@ -88,7 +88,9 @@ } .uppy-Dashboard-Item-errorMessageBtn { + font-size: 11px; text-decoration: underline; + color: darken($red, 15%); cursor: pointer; font-weight: 500; } diff --git a/packages/@uppy/dashboard/src/components/FileItem/MetaErrorMessage.jsx b/packages/@uppy/dashboard/src/components/FileItem/MetaErrorMessage.jsx index dc7b13af9a..3fe13e7872 100644 --- a/packages/@uppy/dashboard/src/components/FileItem/MetaErrorMessage.jsx +++ b/packages/@uppy/dashboard/src/components/FileItem/MetaErrorMessage.jsx @@ -1,7 +1,8 @@ import { h } from 'preact' const metaFieldIdToName = (metaFieldId, metaFields) => { - const field = metaFields.filter(f => f.id === metaFieldId) + const fields = typeof metaFields === 'function' ? metaFields() : metaFields + const field = fields.filter(f => f.id === metaFieldId) return field[0].name }