From 9bfe43aa600ee5146a75742f28038bfc30491dba Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Josef=20Kol=C3=A1=C5=99?= <thejoeejoee@gmail.com>
Date: Mon, 22 Jan 2024 12:54:38 +0100
Subject: [PATCH] fix(img): lazy load for all matching images

---
 .../templates/fiestarequests/matching_requests.html         | 3 ++-
 .../templates/fiestarequests/request_match_card.html        | 6 ++++--
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/fiesta/apps/fiestarequests/templates/fiestarequests/matching_requests.html b/fiesta/apps/fiestarequests/templates/fiestarequests/matching_requests.html
index fa65a69a..d0a60c02 100644
--- a/fiesta/apps/fiestarequests/templates/fiestarequests/matching_requests.html
+++ b/fiesta/apps/fiestarequests/templates/fiestarequests/matching_requests.html
@@ -14,7 +14,8 @@
             <img src="{{ fr.issuer_picture_url }}"
                  alt="{% trans "request issuer photo" %}"
                  width="{{ fr.issuer.profile.picture.width }}"
-                 height="{{ fr.issuer.profile.picture.height }}">
+                 height="{{ fr.issuer.profile.picture.height }}"
+                 loading="lazy">
           {% else %}
             <svg version="1.1"
                  xmlns="http://www.w3.org/2000/svg"
diff --git a/fiesta/apps/fiestarequests/templates/fiestarequests/request_match_card.html b/fiesta/apps/fiestarequests/templates/fiestarequests/request_match_card.html
index 796125df..0d9398c1 100644
--- a/fiesta/apps/fiestarequests/templates/fiestarequests/request_match_card.html
+++ b/fiesta/apps/fiestarequests/templates/fiestarequests/request_match_card.html
@@ -31,7 +31,8 @@ <h2 class="card-title flex flex-row justify-between">
             <img src="{{ br.issuer_picture_url }}"
                  width="{{ issuer_picture.width }}"
                  height="{{ issuer_picture.height }}"
-                 alt="Issuer picture" />
+                 alt="Issuer picture"
+                 loading="lazy" />
           {% else %}
             <span class="w-10 aspect-square text-white text-lg flex flex-row justify-center items-center group"
                   style="background-color: {{ br.issuer.id|get_color_by_text }}">{{ br.issuer.first_name|first }}{{ br.issuer.last_name|first }}</span>
@@ -61,7 +62,8 @@ <h2 class="card-title flex flex-row justify-between">
               <img src="{{ br.match.matcher_picture_url }}"
                    width="{{ matcher_picture.width }}"
                    height="{{ matcher_picture.height }}"
-                   alt="Matcher picture" />
+                   alt="Matcher picture"
+                   loading="lazy" />
             {% else %}
               <span class="w-10 aspect-square text-white text-lg flex flex-row justify-center items-center group"
                     style="background-color: {{ br.match.matcher.id|get_color_by_text }}">{{ br.match.matcher.first_name|first }}{{ br.match.matcher.last_name|first }}</span>