From e4fd8b02af68e22a898cbea7b8da7aeb4d4b7dbc Mon Sep 17 00:00:00 2001
From: Tim <tymmesyde@gmail.com>
Date: Thu, 4 Jan 2024 15:30:32 +0100
Subject: [PATCH] refactor(Settings): add translation strings for remote
 endpoint

---
 src/routes/Settings/Settings.js                         | 6 +++---
 src/routes/Settings/useStreamingServerSettingsInputs.js | 4 +++-
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/routes/Settings/Settings.js b/src/routes/Settings/Settings.js
index da90b8eaf..c920e4ed5 100644
--- a/src/routes/Settings/Settings.js
+++ b/src/routes/Settings/Settings.js
@@ -126,7 +126,7 @@ const Settings = () => {
             navigator.clipboard.writeText(streamingServer.remoteUrl);
             toast.show({
                 type: 'success',
-                title: 'Successfully copied remote url to clipboard',
+                title: t('SETTINGS_REMOTE_URL_COPIED'),
                 timeout: 2500,
             });
         }
@@ -558,11 +558,11 @@ const Settings = () => {
                             streamingServerRemoteUrlInput.value !== null ?
                                 <div className={styles['option-container']}>
                                     <div className={styles['option-name-container']}>
-                                        <div className={styles['label']}>Remote url</div>
+                                        <div className={styles['label']}>{t('SETTINGS_REMOTE_URL')}</div>
                                     </div>
                                     <div className={classnames(styles['option-input-container'], styles['configure-input-container'])}>
                                         <div className={styles['label']} title={streamingServerRemoteUrlInput.value}>{streamingServerRemoteUrlInput.value}</div>
-                                        <Button className={styles['configure-button-container']} title={'Copy remote url'} onClick={onCopyRemoteUrlClick}>
+                                        <Button className={styles['configure-button-container']} title={t('SETTINGS_COPY_REMOTE_URL')} onClick={onCopyRemoteUrlClick}>
                                             <Icon className={styles['icon']} name={'link'} />
                                         </Button>
                                     </div>
diff --git a/src/routes/Settings/useStreamingServerSettingsInputs.js b/src/routes/Settings/useStreamingServerSettingsInputs.js
index 6955ced73..0b612083c 100644
--- a/src/routes/Settings/useStreamingServerSettingsInputs.js
+++ b/src/routes/Settings/useStreamingServerSettingsInputs.js
@@ -1,6 +1,7 @@
 // Copyright (C) 2017-2023 Smart code 203358507
 
 const React = require('react');
+const { useTranslation } = require('react-i18next');
 const isEqual = require('lodash.isequal');
 const { useServices } = require('stremio/services');
 
@@ -53,6 +54,7 @@ const TORRENT_PROFILES = {
 
 const useStreamingServerSettingsInputs = (streamingServer) => {
     const { core } = useServices();
+    const { t } = useTranslation();
     // TODO combine those useMemo in one
 
     const streamingServerRemoteUrlInput = React.useMemo(() => ({
@@ -67,7 +69,7 @@ const useStreamingServerSettingsInputs = (streamingServer) => {
         return {
             options: [
                 {
-                    label: 'Disabled',
+                    label: t('SETTINGS_DISABLED'),
                     value: null,
                 },
                 ...streamingServer.networkInfo.content.availableInterfaces.map((address) => ({