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

No need to set `loading={"lazy"}`
Build and publish docker image snapshot / build-and-publish (push) Successful in 1m21s Details 

as react-photo-album has it in the props anyway
This commit is contained in:
Stefan Forstenlechner 2024-08-21 23:24:53 +02:00
parent 0a34124d7d
commit 1be821b8cb
3 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
picture-gallery-client/package-lock.json generated
View File

@ -33,7 +33,7 @@
"eslint-plugin-react-hooks": "^4.6.2", "eslint-plugin-react-hooks": "^4.6.2",
"react": "^18.3.1", "react": "^18.3.1",
"react-dom": "^18.3.1", "react-dom": "^18.3.1",
"react-photo-album": "^3.0.1", "react-photo-album": "^3.0.2",
"react-router-dom": "^6.26.0", "react-router-dom": "^6.26.0",
"typescript": "^5.5.4", "typescript": "^5.5.4",
"vite": "^5.4.0", "vite": "^5.4.0",
@ -5963,9 +5963,9 @@
"integrity": "sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg==" "integrity": "sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg=="
}, },
"node_modules/react-photo-album": { "node_modules/react-photo-album": {
"version": "3.0.1", "version": "3.0.2",
"resolved": "https://registry.npmjs.org/react-photo-album/-/react-photo-album-3.0.1.tgz", "resolved": "https://registry.npmjs.org/react-photo-album/-/react-photo-album-3.0.2.tgz",
"integrity": "sha512-yk3FJAuQn8UPZufbdYURa1wy+3tVVNaflyMOQ0mC8dlAWbDhlLDWJ0oGKSbbZkHMX7L3SGRIyWieix++AlD+TQ==", "integrity": "sha512-w3+8i6aj9l1jRfcubgVbAlBGSdtiXcqWdcwZcH4/Bavc+v7X7h+S3TkQ723pvDABjhaaxS168g9ECEBP6xnKrQ==",
"engines": { "engines": {
"node": ">=18" "node": ">=18"
}, },

2
picture-gallery-client/package.json
View File

@ -42,7 +42,7 @@
"eslint-plugin-react-hooks": "^4.6.2", "eslint-plugin-react-hooks": "^4.6.2",
"react": "^18.3.1", "react": "^18.3.1",
"react-dom": "^18.3.1", "react-dom": "^18.3.1",
"react-photo-album": "^3.0.1", "react-photo-album": "^3.0.2",
"react-router-dom": "^6.26.0", "react-router-dom": "^6.26.0",
"typescript": "^5.5.4", "typescript": "^5.5.4",
"vite": "^5.4.0", "vite": "^5.4.0",

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

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