stepus53/photos
1
0
Fork 0
mirror of https://github.com/usatiuk/photos.git synced 2025-10-28 15:27:49 +01:00
Code Issues Packages Projects Releases Wiki Activity

do not lazyload thumbnails

Browse Source 
to avoid reflow
This commit is contained in:
Stepan Usatiuk
2020-10-21 11:22:21 +00:00
committed by Stepan Usatiuk
parent 2ceec84721
commit 88a9d5bce3
2 changed files with 0 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
frontend/src/Photos/Photo.tsx
View File

@@ -37,7 +37,6 @@ export const PhotoComponent: React.FunctionComponent<IPhotoComponentProps> = (
<div id="photoView"> <div id="photoView">
<img <img
id="photoImg" id="photoImg"
loading="lazy"
className={loaded ? "loaded" : "notLoaded"} className={loaded ? "loaded" : "notLoaded"}
onLoad={() => setLoaded(true)} onLoad={() => setLoaded(true)}
src={getPhotoThumbPath(props.photo, 2048)} src={getPhotoThumbPath(props.photo, 2048)}

1
frontend/src/Photos/PhotoCard.tsx
View File

@@ -76,7 +76,6 @@ export class PhotoCardComponent extends React.PureComponent<
> >
{fileExists ? ( {fileExists ? (
<img <img
loading="lazy"
src={getPhotoThumbPath(this.props.photo, 512)} src={getPhotoThumbPath(this.props.photo, 512)}
className={this.state.loaded ? "loaded" : "notLoaded"} className={this.state.loaded ? "loaded" : "notLoaded"}
onLoad={() => this.setLoaded(true)} onLoad={() => this.setLoaded(true)}