From 75241f6daa1dfcfc7fdc4ee50fe2b61d8fc996d7 Mon Sep 17 00:00:00 2001
From: Michael Olund <michaelo@openroad.ca>
Date: Wed, 23 Sep 2020 16:23:11 -0700
Subject: [PATCH] Show a sad-face icon when upload error occurs

---
 vue/src/components/Uploader/Image.vue | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/vue/src/components/Uploader/Image.vue b/vue/src/components/Uploader/Image.vue
index e865d3fe..12dd6ec0 100644
--- a/vue/src/components/Uploader/Image.vue
+++ b/vue/src/components/Uploader/Image.vue
@@ -2,7 +2,8 @@
 <div>
   <div :class="['image-wrap', isValidImage ? 'valid' : '']" @click.prevent="showPreview($event)">
     <img v-if="isValidImage" :src="file.objectURL" :style="imageStyle"/>
-    <i class="fa fa-file-pdf-o" v-if="file.type === 'application/pdf'"></i>
+    <i class="fa fa-file-pdf-o" v-if="!this.file.error && file.type === 'application/pdf'"></i>
+    <i class="fa fa-frown-o" v-if="this.file.error"></i>    
     <button type="button" class="btn-remove" @click.prevent="$emit('removeclick')" aria-label="Delete">
       <i class="fa fa-times-circle"></i>
     </button>
@@ -89,7 +90,7 @@ export default {
       left: 0;
     }
 
-    i.fa-file-pdf-o {
+    i.fa-file-pdf-o, i.fa-frown-o {
       display: block;
       font-size: 105px;
       margin-left: 32px;
@@ -98,6 +99,10 @@ export default {
       top: 0;
     }
 
+    i.fa-frown-o {
+      color: #EEE;
+    }
+
     &::after {
       font-family: FontAwesome;
       content: "\f06e";