From a1dcdcb1b15d52ac58df4699d61be7ebf9ad4931 Mon Sep 17 00:00:00 2001
From: Tony Stipanic <tony@stipanic.ch>
Date: Fri, 17 Sep 2021 15:24:58 +0200
Subject: [PATCH] Use lazy loading attribute for stickers

---
 .../sticker-picker/sticker-picker.component.html              | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/web/app/widget-wrappers/sticker-picker/sticker-picker.component.html b/web/app/widget-wrappers/sticker-picker/sticker-picker.component.html
index 0c93225..8f7e2c7 100644
--- a/web/app/widget-wrappers/sticker-picker/sticker-picker.component.html
+++ b/web/app/widget-wrappers/sticker-picker/sticker-picker.component.html
@@ -26,14 +26,14 @@
             <div class="stickers">
                 <div class="sticker" *ngFor="let sticker of pack.stickers trackById"
                      (click)="sendSticker(sticker, pack)">
-                    <img [src]="getThumbnailUrl(sticker.thumbnail.mxc, 48, 48)" width="48" height="48" class="image"
+                    <img [src]="getThumbnailUrl(sticker.thumbnail.mxc, 48, 48)" width="48" height="48" class="image" loading="lazy"
                          [alt]="sticker.name" [ngbTooltip]="sticker.name" placement="bottom"/>
                 </div>
             </div>
         </div>
         <div class="sticker-pack-list" [@hideList]="isListVisible ? 'visible' : 'hidden'" (wheel)="scrollHorizontal($event)" >
             <div class="sticker-pack-list-item" *ngFor="let pack of packs trackById" (click)="scrollToPack('pack-' + pack.id)">
-                <img [src]="getThumbnailUrl(pack.stickers[0].thumbnail.mxc, 48, 48)" width="40" height="40" class="image"
+                <img [src]="getThumbnailUrl(pack.stickers[0].thumbnail.mxc, 48, 48)" width="40" height="40" class="image" loading="lazy"
                          [alt]="pack.displayName" [ngbTooltip]="pack.displayName" placement="top" container="body"/>
             </div>
             <div class="sticker-pack-list-config" (click)="openIntegrationManager()"