From 88a9d5bce31d14f52bde0a668e37620c9d87408a Mon Sep 17 00:00:00 2001
From: Stepan Usatiuk <stepanusatiuk@gmail.com>
Date: Wed, 21 Oct 2020 11:22:21 +0000
Subject: [PATCH] do not lazyload thumbnails to avoid reflow

---
 frontend/src/Photos/Photo.tsx     | 1 -
 frontend/src/Photos/PhotoCard.tsx | 1 -
 2 files changed, 2 deletions(-)

diff --git a/frontend/src/Photos/Photo.tsx b/frontend/src/Photos/Photo.tsx
index 7d94070..aa94262 100644
--- a/frontend/src/Photos/Photo.tsx
+++ b/frontend/src/Photos/Photo.tsx
@@ -37,7 +37,6 @@ export const PhotoComponent: React.FunctionComponent<IPhotoComponentProps> = (
                 <div id="photoView">
                     <img
                         id="photoImg"
-                        loading="lazy"
                         className={loaded ? "loaded" : "notLoaded"}
                         onLoad={() => setLoaded(true)}
                         src={getPhotoThumbPath(props.photo, 2048)}
diff --git a/frontend/src/Photos/PhotoCard.tsx b/frontend/src/Photos/PhotoCard.tsx
index ae074d5..8388519 100644
--- a/frontend/src/Photos/PhotoCard.tsx
+++ b/frontend/src/Photos/PhotoCard.tsx
@@ -76,7 +76,6 @@ export class PhotoCardComponent extends React.PureComponent<
             >
                 {fileExists ? (
                     <img
-                        loading="lazy"
                         src={getPhotoThumbPath(this.props.photo, 512)}
                         className={this.state.loaded ? "loaded" : "notLoaded"}
                         onLoad={() => this.setLoaded(true)}