stefan
/
simple-picture-gallery
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix issue that thumbnails were not used
Build and publish docker image snapshot / build-and-publish (push) Successful in 1m2s Details

This commit is contained in:
Stefan Forstenlechner 2024-08-20 23:20:11 +02:00
parent 77363a5371
commit 4794f4e62b
2 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
picture-gallery-client/src/ImageGallery/FolderGallery.tsx
View File

@ -13,7 +13,7 @@ export interface PhotoWithFolder extends ImageWithThumbnail {
const PreviewFolder = ({ folder }: { folder: FolderPreview }) => { const PreviewFolder = ({ folder }: { folder: FolderPreview }) => {
return ( return (
<img <img
src={folder.imagePreview.src} src={folder.imagePreview.thumbnail}
alt={folder.name} alt={folder.name}
loading="lazy" loading="lazy"
style={{ style={{

8
picture-gallery-client/src/ImageGallery/ImageGallery.tsx
View File

@ -20,10 +20,10 @@ export const ImageGallery = ({ images }: { images: ImageWithThumbnail[] }) => {
<> <>
<MasonryPhotoAlbum <MasonryPhotoAlbum
photos={images} photos={images}
componentsProps={{ render={{
image: { image: (props, context) => (
loading: "lazy", <img {...props} src={context.photo.thumbnail} loading={"lazy"} />
}, ),
}} }}
onClick={({ index }) => setIndex(index)} onClick={({ index }) => setIndex(index)}
/> />