[FIX] image attachment re-render on message update (#14207)

[FIX] Image attachment re-renders on message update
RocketChat · Apr 25, 2019 · 12741f2 · 12741f2
1 parent 5362e0e
commit 12741f2
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/app/lazy-load/client/lazyloadImage.js b/app/lazy-load/client/lazyloadImage.js
@@ -6,6 +6,8 @@ import { addImage } from '.';
 const emptyImageEncoded =
 	'iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mP8+/u3PQAJJAM0dIyWdgAAAABJRU5ErkJggg==';
 
+const imgsrcs = new Set();
+
 Template.lazyloadImage.helpers({
 	class() {
 		const loaded = Template.instance().loaded.get();
@@ -18,11 +20,11 @@ Template.lazyloadImage.helpers({
 
 	lazySrcUrl() {
 		const { preview, placeholder, src } = this;
-
-		if (Template.instance().loaded.get() || (!preview && !placeholder)) {
+		if (Template.instance().loaded.get() || (!preview && !placeholder) || imgsrcs.has(src)) {
 			return src;
 		}
 
+		imgsrcs.add(this.src);
 		return `data:image/png;base64,${ preview || emptyImageEncoded }`;
 	},
 });