show error message on thumbnail/cover photo upload fail
This commit is contained in:
parent
9b95b4994e
commit
f9284b6e1a
3 changed files with 11 additions and 4 deletions
|
@ -1,4 +1,5 @@
|
|||
[ignore]
|
||||
.*\.typeface\.json
|
||||
|
||||
[include]
|
||||
|
||||
|
|
|
@ -101,7 +101,9 @@ export class FormField extends React.PureComponent<Props> {
|
|||
} else if (type === 'select') {
|
||||
input = (
|
||||
<fieldset-section>
|
||||
{label && <label htmlFor={name}>{label}</label>}
|
||||
{(label || errorMessage) && (
|
||||
<label htmlFor={name}>{errorMessage ? <span className="error-text">{errorMessage}</span> : label}</label>
|
||||
)}
|
||||
<select id={name} {...inputProps}>
|
||||
{children}
|
||||
</select>
|
||||
|
|
|
@ -26,10 +26,11 @@ function SelectAsset(props: Props) {
|
|||
const [pathSelected, setPathSelected] = useState('');
|
||||
const [fileSelected, setFileSelected] = useState<any>(null);
|
||||
const [uploadStatus, setUploadStatus] = useState(SPEECH_READY);
|
||||
const [error, setError] = useState();
|
||||
|
||||
function doUploadAsset(file) {
|
||||
const uploadError = (error = '') => {
|
||||
console.log('error', error);
|
||||
setError(error);
|
||||
};
|
||||
|
||||
const setUrl = path => {
|
||||
|
@ -53,6 +54,7 @@ function SelectAsset(props: Props) {
|
|||
.then(json => (json.success ? setUrl(`${json.data.serveUrl}`) : uploadError(json.message)))
|
||||
.catch(err => uploadError(err.message));
|
||||
}
|
||||
|
||||
return (
|
||||
<fieldset-section>
|
||||
<fieldset-group className="fieldset-group--smushed">
|
||||
|
@ -71,7 +73,8 @@ function SelectAsset(props: Props) {
|
|||
</option>
|
||||
</FormField>
|
||||
{assetSource === SOURCE_UPLOAD && (
|
||||
<>
|
||||
<div>
|
||||
{error && <div className="error-text">{error}</div>}
|
||||
{!pathSelected && (
|
||||
<FileSelector
|
||||
label={'File to upload'}
|
||||
|
@ -96,13 +99,14 @@ function SelectAsset(props: Props) {
|
|||
onClick={() => {
|
||||
setPathSelected('');
|
||||
setFileSelected(null);
|
||||
setError(null);
|
||||
}}
|
||||
>
|
||||
Clear
|
||||
</Button>
|
||||
</div>
|
||||
)}
|
||||
</>
|
||||
</div>
|
||||
)}
|
||||
{assetSource === SOURCE_URL && (
|
||||
<FormField
|
||||
|
|
Loading…
Reference in a new issue