(refacto) add computed imageBackground

antoine92190 · antoine92190 · commit 084efae848ec · 2021-03-12T09:39:12.000+01:00
diff --git a/src/ChatWindow/Message/MessageImage.vue b/src/ChatWindow/Message/MessageImage.vue
@@ -11,7 +11,7 @@
 					isImageLoading && message.senderId === currentUserId
 			}"
 			:style="{
-				'background-image': `url('${isImageLoading ? message.file.preview || message.file.url : message.file.url}')`,
+				'background-image': `url('${imageBackground}')`,
 				'max-height': `${imageResponsive.maxHeight}px`
 			}"
 		>
@@ -82,6 +82,11 @@ export default {
 			return (
 				this.message.file.url.indexOf('blob:http') !== -1 || this.imageLoading
 			)
+		},
+		imageBackground() {
+			return this.isImageLoading
+				? this.message.file.preview || this.message.file.url
+				: this.message.file.url
 		}
 	},
 

Original file line number	Diff line number	Diff line change
`@@ -11,7 +11,7 @@`
`11`	`11`	`isImageLoading && message.senderId === currentUserId`
`12`	`12`	`}"`
`13`	`13`	`:style="{`
`14`		- 'background-image': `url('${isImageLoading ? message.file.preview \|\| message.file.url : message.file.url}')`,
	`14`	+ 'background-image': `url('${imageBackground}')`,
`15`	`15`	'max-height': `${imageResponsive.maxHeight}px`
`16`	`16`	`}"`
`17`	`17`	`>`
`@@ -82,6 +82,11 @@ export default {`
`82`	`82`	`return (`
`83`	`83`	`this.message.file.url.indexOf('blob:http') !== -1 \|\| this.imageLoading`
`84`	`84`	`)`
	`85`	`+ },`
	`86`	`+ imageBackground() {`
	`87`	`+ return this.isImageLoading`
	`88`	`+ ? this.message.file.preview \|\| this.message.file.url`
	`89`	`+ : this.message.file.url`
`85`	`90`	`}`
`86`	`91`	`},`
`87`	`92`