From 79b68222ffa7700d01ec154658d41b41d7132d19 Mon Sep 17 00:00:00 2001
From: Athurg Gooth <athurg@gooth.org>
Date: Thu, 11 Jan 2024 10:27:18 +0800
Subject: [PATCH] chore: set image loading to lazy (#2733)

set image loading to lazy to avoid concurrent problem
---
 web/src/components/ResourceIcon.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/web/src/components/ResourceIcon.tsx b/web/src/components/ResourceIcon.tsx
index 9e56f7d9..cf9a8bef 100644
--- a/web/src/components/ResourceIcon.tsx
+++ b/web/src/components/ResourceIcon.tsx
@@ -27,6 +27,7 @@ const ResourceIcon = (props: Props) => {
     return (
       <SquareDiv className={classNames(className, "flex items-center justify-center overflow-clip")}>
         <img
+          loading="lazy"
           className="min-w-full min-h-full object-cover border rounded dark:border-none"
           src={resource.externalLink ? resourceUrl : resourceUrl + "?thumbnail=1"}
           onClick={() => showPreviewImageDialog(resourceUrl)}