From f9284b6e1a4bcfa2c270a7f097ba6000c697ca8b Mon Sep 17 00:00:00 2001
From: Sean Yesmunt <sean@lbry.io>
Date: Fri, 13 Mar 2020 15:54:31 -0400
Subject: [PATCH] show error message on thumbnail/cover photo upload fail

---
 .flowconfig                                        |  1 +
 ui/component/common/form-components/form-field.jsx |  4 +++-
 ui/component/selectAsset/view.jsx                  | 10 +++++++---
 3 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/.flowconfig b/.flowconfig
index c679ae305..8c7addd84 100644
--- a/.flowconfig
+++ b/.flowconfig
@@ -1,4 +1,5 @@
 [ignore]
+.*\.typeface\.json
 
 [include]
 
diff --git a/ui/component/common/form-components/form-field.jsx b/ui/component/common/form-components/form-field.jsx
index c8b5da7c1..88f2b4622 100644
--- a/ui/component/common/form-components/form-field.jsx
+++ b/ui/component/common/form-components/form-field.jsx
@@ -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>
diff --git a/ui/component/selectAsset/view.jsx b/ui/component/selectAsset/view.jsx
index d59d9881a..40abdf1c2 100644
--- a/ui/component/selectAsset/view.jsx
+++ b/ui/component/selectAsset/view.jsx
@@ -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