From 4da3376d5fbdf4794e3ca1bcc6c2293221fe4c1b Mon Sep 17 00:00:00 2001
From: Stefan Forstenlechner <stefan@forstenlechner.dev>
Date: Wed, 21 Aug 2024 22:54:32 +0200
Subject: [PATCH] Fix lazy loading (Firefox)

see https://bugzilla.mozilla.org/show_bug.cgi?id=1647077

`loading` attribute needs to be before `src` attribute
---
 picture-gallery-client/src/ImageGallery/FolderGallery.tsx | 2 +-
 picture-gallery-client/src/ImageGallery/ImageGallery.tsx  | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/picture-gallery-client/src/ImageGallery/FolderGallery.tsx b/picture-gallery-client/src/ImageGallery/FolderGallery.tsx
index 4c28b9b..e335a20 100644
--- a/picture-gallery-client/src/ImageGallery/FolderGallery.tsx
+++ b/picture-gallery-client/src/ImageGallery/FolderGallery.tsx
@@ -13,9 +13,9 @@ export interface PhotoWithFolder extends ImageWithThumbnail {
 const PreviewFolder = ({ folder }: { folder: FolderPreview }) => {
   return (
     <img
+      loading="lazy"
       src={folder.imagePreview.thumbnail}
       alt={folder.name}
-      loading="lazy"
       style={{
         objectFit: "cover",
         width: "100%",
diff --git a/picture-gallery-client/src/ImageGallery/ImageGallery.tsx b/picture-gallery-client/src/ImageGallery/ImageGallery.tsx
index 8d7e6dd..6bee6e6 100644
--- a/picture-gallery-client/src/ImageGallery/ImageGallery.tsx
+++ b/picture-gallery-client/src/ImageGallery/ImageGallery.tsx
@@ -22,7 +22,7 @@ export const ImageGallery = ({ images }: { images: ImageWithThumbnail[] }) => {
         photos={images}
         render={{
           image: (props, context) => (
-            <img {...props} src={context.photo.thumbnail} loading={"lazy"} />
+            <img loading={"lazy"} {...props} src={context.photo.thumbnail} />
           ),
         }}
         onClick={({ index }) => setIndex(index)}