From aba31c8ceb45a07209fb22588abc5b02850f7135 Mon Sep 17 00:00:00 2001
From: Botzy <bodim93@gmail.com>
Date: Fri, 23 May 2025 17:05:01 +0300
Subject: [PATCH] fix(Addons): added missing translations

---
 .../AddonDetails/AddonDetails.js              |  6 ++++--
 .../AddonDetailsModal/AddonDetailsModal.js    | 19 +++++++++++--------
 2 files changed, 15 insertions(+), 10 deletions(-)

diff --git a/src/components/AddonDetailsModal/AddonDetails/AddonDetails.js b/src/components/AddonDetailsModal/AddonDetails/AddonDetails.js
index da5fde198..c6722f294 100644
--- a/src/components/AddonDetailsModal/AddonDetails/AddonDetails.js
+++ b/src/components/AddonDetailsModal/AddonDetails/AddonDetails.js
@@ -1,6 +1,7 @@
 // Copyright (C) 2017-2023 Smart code 203358507
 
 const React = require('react');
+const { useTranslation } = require('react-i18next');
 const PropTypes = require('prop-types');
 const classnames = require('classnames');
 const { default: Icon } = require('@stremio/stremio-icons/react');
@@ -8,6 +9,7 @@ const { default: Image } = require('stremio/components/Image');
 const styles = require('./styles');
 
 const AddonDetails = ({ className, id, name, version, logo, description, types, transportUrl, official }) => {
+    const t = useTranslation();
     const renderLogoFallback = React.useCallback(() => (
         <Icon className={styles['icon']} name={'addons'} />
     ), []);
@@ -50,7 +52,7 @@ const AddonDetails = ({ className, id, name, version, logo, description, types,
             {
                 Array.isArray(types) && types.length > 0 ?
                     <div className={styles['section-container']}>
-                        <span className={styles['section-header']}>Supported types: </span>
+                        <span className={styles['section-header']}>{`${t('ADDON_SUPPORTED_TYPES')}:`} </span>
                         <span className={styles['section-label']}>
                             {
                                 types.length === 1 ?
@@ -66,7 +68,7 @@ const AddonDetails = ({ className, id, name, version, logo, description, types,
             {
                 !official ?
                     <div className={styles['section-container']}>
-                        <div className={classnames(styles['section-label'], styles['disclaimer-label'])}>Using third-party add-ons will always be subject to your responsibility and the governing law of the jurisdiction you are located.</div>
+                        <div className={classnames(styles['section-label'], styles['disclaimer-label'])}>{t('ADDON_DISCLAIMER')}</div>
                     </div>
                     :
                     null
diff --git a/src/components/AddonDetailsModal/AddonDetailsModal.js b/src/components/AddonDetailsModal/AddonDetailsModal.js
index 332eab364..2dcea3e3b 100644
--- a/src/components/AddonDetailsModal/AddonDetailsModal.js
+++ b/src/components/AddonDetailsModal/AddonDetailsModal.js
@@ -1,6 +1,7 @@
 // Copyright (C) 2017-2023 Smart code 203358507
 
 const React = require('react');
+const { useTranslation } = require('react-i18next');
 const PropTypes = require('prop-types');
 const ModalDialog = require('stremio/components/ModalDialog');
 const { withCoreSuspender } = require('stremio/common/CoreSuspender');
@@ -43,6 +44,7 @@ function withRemoteAndLocalAddon(AddonDetails) {
 }
 
 const AddonDetailsModal = ({ transportUrl, onCloseRequest }) => {
+    const { t } = useTranslation();
     const { core } = useServices();
     const platform = usePlatform();
     const addonDetails = useAddonDetails(transportUrl);
@@ -145,17 +147,17 @@ const AddonDetailsModal = ({ transportUrl, onCloseRequest }) => {
             {
                 addonDetails.selected === null ?
                     <div className={styles['addon-details-message-container']}>
-                        Loading addon manifest
+                        {t('ADDON_LOADING_MANIFEST')}
                     </div>
                     :
                     addonDetails.remoteAddon === null || addonDetails.remoteAddon.content.type === 'Loading' ?
                         <div className={styles['addon-details-message-container']}>
-                            Loading addon manifest from {addonDetails.selected.transportUrl}
+                            {t('ADDON_LOADING_MANIFEST_FROM', { origin: addonDetails.selected.transportUrl})}
                         </div>
                         :
                         addonDetails.remoteAddon.content.type === 'Err' && addonDetails.localAddon === null ?
                             <div className={styles['addon-details-message-container']}>
-                                Failed to get addon manifest from {addonDetails.selected.transportUrl}
+                                {t('ADDON_LOADING_MANIFEST_FAILED', {origin: addonDetails.selected.transportUrl})}
                                 <div>{addonDetails.remoteAddon.content.content.message}</div>
                             </div>
                             :
@@ -174,17 +176,18 @@ AddonDetailsModal.propTypes = {
     onCloseRequest: PropTypes.func
 };
 
-const AddonDetailsModalFallback = ({ onCloseRequest }) => (
-    <ModalDialog
+const AddonDetailsModalFallback = ({ onCloseRequest }) => {
+    const { t } = useTranslation();
+    return <ModalDialog
         className={styles['addon-details-modal-container']}
         title={'Stremio addon'}
         onCloseRequest={onCloseRequest}
     >
         <div className={styles['addon-details-message-container']}>
-            Loading addon manifest
+            {t('ADDON_LOADING_MANIFEST')}
         </div>
-    </ModalDialog>
-);
+    </ModalDialog>;
+};
 
 AddonDetailsModalFallback.propTypes = AddonDetailsModal.propTypes;