From fc7202e292a24da356898374e617aed505bc5d3c Mon Sep 17 00:00:00 2001
From: Tim <tymmesyde@gmail.com>
Date: Wed, 24 May 2023 15:28:27 +0200
Subject: [PATCH] refactor(Player): add translation strings

---
 src/routes/Player/OptionsMenu/OptionsMenu.js | 14 ++++++++------
 src/routes/Player/Player.js                  | 16 +++++++++-------
 2 files changed, 17 insertions(+), 13 deletions(-)

diff --git a/src/routes/Player/OptionsMenu/OptionsMenu.js b/src/routes/Player/OptionsMenu/OptionsMenu.js
index 6e3736691..a367cb997 100644
--- a/src/routes/Player/OptionsMenu/OptionsMenu.js
+++ b/src/routes/Player/OptionsMenu/OptionsMenu.js
@@ -3,12 +3,14 @@
 const React = require('react');
 const PropTypes = require('prop-types');
 const classnames = require('classnames');
+const { useTranslation } = require('react-i18next');
 const { useToast } = require('stremio/common');
 const { useServices } = require('stremio/services');
 const Option = require('./Option');
 const styles = require('./styles');
 
 const OptionsMenu = ({ className, stream, playbackDevices }) => {
+    const { t } = useTranslation();
     const { core } = useServices();
     const toast = useToast();
     const [streamingUrl, downloadUrl] = React.useMemo(() => {
@@ -29,7 +31,7 @@ const OptionsMenu = ({ className, stream, playbackDevices }) => {
                     toast.show({
                         type: 'success',
                         title: 'Copied',
-                        message: 'Stream link was copied to your clipboard',
+                        message: t('PLAYER_COPY_STREAM_SUCCESS'),
                         timeout: 3000
                     });
                 })
@@ -37,8 +39,8 @@ const OptionsMenu = ({ className, stream, playbackDevices }) => {
                     console.error(e);
                     toast.show({
                         type: 'error',
-                        title: 'Error',
-                        message: `Failed to copy stream link: ${streamingUrl || downloadUrl}`,
+                        title: t('Error'),
+                        message: `${t('PLAYER_COPY_STREAM_ERROR')}: ${streamingUrl || downloadUrl}`,
                         timeout: 3000
                     });
                 });
@@ -72,7 +74,7 @@ const OptionsMenu = ({ className, stream, playbackDevices }) => {
                 streamingUrl || downloadUrl ?
                     <Option
                         icon={'ic_link'}
-                        label={'Copy Stream Link'}
+                        label={t('CTX_COPY_STREAM_LINK')}
                         disabled={stream === null}
                         onClick={onCopyStreamButtonClick}
                     />
@@ -83,7 +85,7 @@ const OptionsMenu = ({ className, stream, playbackDevices }) => {
                 streamingUrl || downloadUrl ?
                     <Option
                         icon={'ic_downloads'}
-                        label={'Download Video'}
+                        label={t('CTX_DOWNLOAD_VIDEO')}
                         disabled={stream === null}
                         onClick={onDownloadVideoButtonClick}
                     />
@@ -95,7 +97,7 @@ const OptionsMenu = ({ className, stream, playbackDevices }) => {
                     <Option
                         key={id}
                         icon={'ic_vlc'}
-                        label={`Play in ${name}`}
+                        label={t('PLAYER_PLAY_IN', { device: name })}
                         deviceId={id}
                         disabled={stream === null}
                         onClick={onExternalDeviceRequested}
diff --git a/src/routes/Player/Player.js b/src/routes/Player/Player.js
index 5c4907f76..7bea3a558 100644
--- a/src/routes/Player/Player.js
+++ b/src/routes/Player/Player.js
@@ -5,6 +5,7 @@ const PropTypes = require('prop-types');
 const classnames = require('classnames');
 const debounce = require('lodash.debounce');
 const langs = require('langs');
+const { useTranslation } = require('react-i18next');
 const { useRouteFocused } = require('stremio-router');
 const { useServices } = require('stremio/services');
 const { HorizontalNavBar, Button, useFullscreen, useBinaryState, useToast, useStreamingServer, withCoreSuspender } = require('stremio/common');
@@ -23,6 +24,7 @@ const useSettings = require('./useSettings');
 const styles = require('./styles');
 
 const Player = ({ urlParams, queryParams }) => {
+    const { t } = useTranslation();
     const { chromecast, shell, core } = useServices();
     const [forceTranscoding, maxAudioChannels] = React.useMemo(() => {
         return [
@@ -124,7 +126,7 @@ const Player = ({ urlParams, queryParams }) => {
         } else {
             toast.show({
                 type: 'error',
-                title: 'Error',
+                title: t('ERROR'),
                 message: error.message,
                 timeout: 3000
             });
@@ -133,16 +135,16 @@ const Player = ({ urlParams, queryParams }) => {
     const onSubtitlesTrackLoaded = React.useCallback(() => {
         toast.show({
             type: 'success',
-            title: 'Subtitles loaded',
-            message: 'Embedded subtitles loaded',
+            title: t('PLAYER_SUBTITLES_LOADED'),
+            message: t('PLAYER_SUBTITLES_LOADED_EMBEDDED'),
             timeout: 3000
         });
     }, []);
     const onExtraSubtitlesTrackLoaded = React.useCallback((track) => {
         toast.show({
             type: 'success',
-            title: 'Subtitles loaded',
-            message: track.exclusive ? 'Exclusice subtitles loaded' : `Subtitles from ${track.origin} loaded`,
+            title: t('PLAYER_SUBTITLES_LOADED'),
+            message: track.exclusive ? t('PLAYER_SUBTITLES_LOADED_EXCLUSIVE') : t('PLAYER_SUBTITLES_LOADED_ORIGIN', { origin: track.origin }),
             timeout: 3000
         });
     }, []);
@@ -597,9 +599,9 @@ const Player = ({ urlParams, queryParams }) => {
                         <div className={styles['error-label']} title={error.message}>{error.message}</div>
                         {
                             player.selected !== null ?
-                                <Button className={styles['playlist-button']} title={'Open in external player'} href={player.selected.stream.deepLinks.externalPlayer.href} download={player.selected.stream.deepLinks.externalPlayer.fileName} target={'_blank'}>
+                                <Button className={styles['playlist-button']} title={t('PLAYER_OPEN_IN_EXTERNAL')} href={player.selected.stream.deepLinks.externalPlayer.href} download={player.selected.stream.deepLinks.externalPlayer.fileName} target={'_blank'}>
                                     <Icon className={styles['icon']} icon={'ic_downloads'} />
-                                    <div className={styles['label']}>Open in external player</div>
+                                    <div className={styles['label']}>{t('PLAYER_OPEN_IN_EXTERNAL')}</div>
                                 </Button>
                                 :
                                 null