Lightemerald/hydra
1
0
Fork 0
mirror of https://github.com/hydralauncher/hydra.git synced 2026-01-18 00:33:59 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

feat: add lazy loading to images and thumbs

Browse Source
This commit is contained in:
Zamitto
2024-05-12 16:51:25 -03:00
parent 483f069d81
commit b0803fa28d
1 changed files with 3 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/renderer/src/pages/game-details/gallery-slider.tsx
View File

@@ -112,6 +112,7 @@ export function GallerySlider({ gameDetails }: GallerySliderProps) {
(image: SteamScreenshot, i: number) => (
<img
key={"image-" + i}
loading="lazy"
className={styles.gallerySliderMedia}
src={image.path_full}
style={{ translate: `${-100 * mediaIndex}%` }}
@@ -146,6 +147,7 @@ export function GallerySlider({ gameDetails }: GallerySliderProps) {
gameDetails.movies?.map((video: SteamMovies, i: number) => (
<img
key={video.id}
loading="lazy"
onClick={() => setMediaIndex(i)}
src={video.thumbnail}
className={`${styles.gallerySliderMediaPreview} ${mediaIndex === i ? styles.gallerySliderMediaPreviewActive : ""}`}
@@ -156,6 +158,7 @@ export function GallerySlider({ gameDetails }: GallerySliderProps) {
(image: SteamScreenshot, i: number) => (
<img
key={"image-thumb-" + i}
loading="lazy"
onClick={() =>
setMediaIndex(
i + (gameDetails.movies ? gameDetails.movies.length : 0)