Firehawk52-backup/hydra
28
0
Fork 0
mirror of https://github.com/hydralauncher/hydra.git synced 2026-01-15 16:33:02 -03:00
Code Issues Packages Projects Releases Wiki Activity

feat: add keys to lists on galler-slider

Browse Source
This commit is contained in:
Zamitto
2024-05-11 23:04:53 -03:00
parent 86eb76ccad
commit ae1e2f1f30
1 changed files with 6 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -63,8 +63,9 @@ export function GallerySlider({ gameDetails }: GallerySliderProps) {
className={styles.gallerySliderAnimationContainer}
>
{gameDetails.movies &&
gameDetails.movies.map((video: SteamMovies) => (
gameDetails.movies.map((video: SteamMovies, i: number) => (
<video
key={"video-" + i}
controls
className={styles.gallerySliderMedia}
poster={video.thumbnail}
@@ -74,8 +75,9 @@ export function GallerySlider({ gameDetails }: GallerySliderProps) {
</video>
))}
{gameDetails.screenshots &&
gameDetails.screenshots.map((image: SteamScreenshot) => (
gameDetails.screenshots.map((image: SteamScreenshot, i: number) => (
<img
key={"image-" + i}
className={styles.gallerySliderMedia}
src={image.path_full}
style={{ translate: `${-100 * mediaIndex}%` }}
@@ -105,6 +107,7 @@ export function GallerySlider({ gameDetails }: GallerySliderProps) {
{gameDetails.movies &&
gameDetails.movies.map((video: SteamMovies, i: number) => (
<img
key={"video-thumb-" + i}
onClick={() => setMediaIndex(i)}
src={video.thumbnail}
className={`${styles.gallerySliderMediaPreview} ${mediaIndex === i ? styles.gallerySliderMediaPreviewActive : ""}`}
@@ -114,6 +117,7 @@ export function GallerySlider({ gameDetails }: GallerySliderProps) {
gameDetails.screenshots.map(
(image: SteamScreenshot, i: number) => (
<img
key={"image-thumb-" + i}
onClick={() =>
setMediaIndex(
i + (gameDetails.movies ? gameDetails.movies.length : 0)