From aafcfc33bb58f0bb900f9634340cc47a6decacc3 Mon Sep 17 00:00:00 2001
From: Eva <evauwu@riseup.net>
Date: Thu, 3 Apr 2025 03:54:26 +0200
Subject: [PATCH] client/pools: prioritize loading of first thumbnail

---
 client/js/util/views.js | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/client/js/util/views.js b/client/js/util/views.js
index cbaefc11..c9130a44 100644
--- a/client/js/util/views.js
+++ b/client/js/util/views.js
@@ -40,7 +40,7 @@ function makeRelativeTime(time) {
     );
 }
 
-function makeThumbnail(url, klass) {
+function makeThumbnail(url, klass, extraProperties) {
     return makeElement(
         "span",
         url
@@ -49,7 +49,7 @@ function makeThumbnail(url, klass) {
                   style: `background-image: url(\'${url}\')`,
               }
             : { class: "thumbnail empty" },
-        makeElement("img", { alt: "thumbnail", src: url })
+        makeElement("img", Object.assign({ alt: "thumbnail", src: url }, extraProperties || {}))
     );
 }
 
@@ -64,7 +64,7 @@ function makePoolThumbnails(posts, postFlow) {
     let s = "";
 
     for (let i = 0; i < Math.min(3, posts.length); i++) {
-        s += makeThumbnail(posts.at(i).thumbnailUrl, "thumbnail thumbnail-" + (i+1));
+        s += makeThumbnail(posts.at(i).thumbnailUrl, "thumbnail thumbnail-" + (i+1), i === 0 ? {fetchPriority: "high"} : {});
     }
 
     return s;