Revert "Remove the delayed thumbnail message for ChannelEdit"

This reverts commit a7e571c3b9.

ui/component/channelEdit/view.jsx

@@ -322,6 +322,7 @@ function ChannelForm(props: Props) {
               uri={uri}
               thumbnailPreview={thumbnailPreview}
               allowGifs
+              showDelayedMessage={isUpload.thumbnail}
               setThumbUploadError={setThumbError}
               thumbUploadError={thumbError}
             />

ui/component/channelThumbnail/view.jsx

@@ -20,8 +20,10 @@ type Props = {
   claim: ?ChannelClaim,
   doResolveUri: (string) => void,
   isResolving: boolean,
+  showDelayedMessage?: boolean,
   noLazyLoad?: boolean,
   hideStakedIndicator?: boolean,
+  xsmall?: boolean,
   noOptimization?: boolean,
   setThumbUploadError: (boolean) => void,
   ThumbUploadError: boolean,
@@ -40,6 +42,7 @@ function ChannelThumbnail(props: Props) {
     claim,
     doResolveUri,
     isResolving,
+    showDelayedMessage = false,
     noLazyLoad,
     hideStakedIndicator = false,
     setThumbUploadError,
@@ -88,6 +91,11 @@ function ChannelThumbnail(props: Props) {
         'channel-thumbnail--resolving': isResolving,
       })}
     >
+      {showDelayedMessage ? (
+        <div className="channel-thumbnail--waiting">
+          {__('This will be visible in a few minutes after you submit this form.')}
+        </div>
+      ) : (
         <OptimizedImage
           alt={__('Channel profile picture')}
           className={!channelThumbnail ? 'channel-thumbnail__default' : 'channel-thumbnail__custom'}
@@ -101,6 +109,7 @@ function ChannelThumbnail(props: Props) {
             }
           }}
         />
+      )}
       {!hideStakedIndicator && <ChannelStakedIndicator uri={uri} claim={claim} />}
     </div>
   );