fix: broken image for thumbs if they don't exist

cadriel · cadriel · commit 94602e59c758 · 2020-10-24T11:30:42.000-05:00
diff --git a/src/components/widgets/PrintStatusWidget.vue b/src/components/widgets/PrintStatusWidget.vue
@@ -46,9 +46,8 @@
             <div class="filename ml-1" v-if="filename">gcodes/{{ filename }}</div>
           </div>
       </v-col>
-      <v-col cols="auto" class="d-none d-sm-flex">
+      <v-col cols="auto" class="d-none d-sm-flex" v-if="thumbnail && printerPrinting">
         <img
-          v-if="thumbnail && printerPrinting"
           class="print-thumb"
           :src="thumbnail.data"
         />
diff --git a/src/store/socket/getters.ts b/src/store/socket/getters.ts
@@ -120,7 +120,7 @@ export const getters: GetterTree<SocketState, RootState> = {
       })
     }
 
-    if (thumb) {
+    if (thumb && thumb.data) {
       thumb.data = 'data:image/gif;base64,' + thumb.data
     }
     return thumb

Original file line number	Diff line number	Diff line change
`@@ -120,7 +120,7 @@ export const getters: GetterTree<SocketState, RootState> = {`
`120`	`120`	`})`
`121`	`121`	`}`
`122`	`122`
`123`		`- if (thumb) {`
	`123`	`+ if (thumb && thumb.data) {`
`124`	`124`	`thumb.data = 'data:image/gif;base64,' + thumb.data`
`125`	`125`	`}`
`126`	`126`	`return thumb`