Add pt and en translations for gallery-slider

This commit is contained in:
Matheus Dantas 2024-05-04 23:41:52 -03:00
parent de1d4c347f
commit 77b975d456
3 changed files with 7 additions and 5 deletions

View file

@ -96,7 +96,8 @@
"dont_show_it_again": "Don't show it again", "dont_show_it_again": "Don't show it again",
"copy_to_clipboard": "Copy", "copy_to_clipboard": "Copy",
"copied_to_clipboard": "Copied", "copied_to_clipboard": "Copied",
"got_it": "Got it" "got_it": "Got it",
"gallery": "Videos and screenshots"
}, },
"activation": { "activation": {
"title": "Activate Hydra", "title": "Activate Hydra",

View file

@ -92,7 +92,8 @@
"dont_show_it_again": "Não mostrar novamente", "dont_show_it_again": "Não mostrar novamente",
"copy_to_clipboard": "Copiar", "copy_to_clipboard": "Copiar",
"copied_to_clipboard": "Copiado", "copied_to_clipboard": "Copiado",
"got_it": "Entendi" "got_it": "Entendi",
"gallery": "Videos e capturas"
}, },
"activation": { "activation": {
"title": "Ativação", "title": "Ativação",

View file

@ -47,15 +47,15 @@ export function GallerySlider({ gameDetails }: GallerySliderProps) {
<> <>
{gameDetails?.screenshots && ( {gameDetails?.screenshots && (
<div className={styles.gallerySliderContainer}> <div className={styles.gallerySliderContainer}>
<h2 className={styles.gallerySliderTitle}>{t('Videos and screenshots')}</h2> <h2 className={styles.gallerySliderTitle}>{t('gallery')}</h2>
<div className={styles.gallerySliderAnimationContainer}> <div className={styles.gallerySliderAnimationContainer}>
{gameDetails.movies.map((video: SteamMovies) => ( {gameDetails.movies.map((video: SteamMovies) => (
<video controls className={styles.gallerySliderMedia} poster={video.thumbnail} style={{translate: `${-100 * mediaIndex}%`}}> <video controls className={styles.gallerySliderMedia} poster={video.thumbnail} style={{ translate: `${-100 * mediaIndex}%` }}>
<source src={video.webm.max.replace('http', 'https')} /> <source src={video.webm.max.replace('http', 'https')} />
</video> </video>
))} ))}
{gameDetails.screenshots.map((image: SteamScreenshot) => ( {gameDetails.screenshots.map((image: SteamScreenshot) => (
<img className={styles.gallerySliderMedia} src={image.path_full} style={{translate: `${ -100 * mediaIndex}%`}}/> <img className={styles.gallerySliderMedia} src={image.path_full} style={{ translate: `${-100 * mediaIndex}%` }} />
))} ))}
</div> </div>
<button onClick={showPrevImage} className={styles.gallerySliderButton} style={{ left: 0 }}><ChevronLeftIcon className={styles.gallerySliderIcons} /></button> <button onClick={showPrevImage} className={styles.gallerySliderButton} style={{ left: 0 }}><ChevronLeftIcon className={styles.gallerySliderIcons} /></button>