fix: hardcoded strings and add missing translation keys

src/routes/Addons/useSelectableInputs.js

@@ -18,7 +18,7 @@ const mapSelectableInputs = (installedAddons, remoteAddons, t) => {
             () => {
                 const selectableCatalog = remoteAddons.selectable.catalogs
                     .find(({ id }) => id === remoteAddons.selected.request.path.id);
-                return selectableCatalog ? t.stringWithPrefix(selectableCatalog.name, 'ADDON_') : remoteAddons.selected.request.path.id;
+                return selectableCatalog ? t.stringWithPrefix(selectableCatalog.name.toUpperCase(), 'ADDON_') : remoteAddons.selected.request.path.id;
             }
             : null,
         onSelect: (value) => {

src/routes/Settings/Player/usePlayerOptions.ts

@@ -1,7 +1,7 @@
 import { useMemo } from 'react';
 import { useTranslation } from 'react-i18next';
+import { CONSTANTS, languageNames, useLanguageSorting, usePlatform } from 'stremio/common';
 import { useServices } from 'stremio/services';
-import { CONSTANTS, languageNames, usePlatform, useLanguageSorting } from 'stremio/common';
 
 const LANGUAGES_NAMES: Record<string, string> = languageNames;
 
@@ -232,12 +232,12 @@ const usePlayerOptions = (profile: Profile) => {
     const nextVideoPopupDurationSelect = useMemo(() => ({
         options: CONSTANTS.NEXT_VIDEO_POPUP_DURATIONS.map((duration) => ({
             value: `${duration}`,
-            label: duration === 0 ? 'Disabled' : `${duration / 1000} ${t('SECONDS')}`
+            label: duration === 0 ? t('SETTINGS_DISABLED') : `${duration / 1000} ${t('SECONDS')}`
         })),
         value: `${profile.settings.nextVideoNotificationDuration}`,
         title: () => {
             return profile.settings.nextVideoNotificationDuration === 0 ?
-                'Disabled'
+                t('SETTINGS_DISABLED')
                 :
                 `${profile.settings.nextVideoNotificationDuration / 1000} ${t('SECONDS')}`;
         },

src/routes/Settings/Streaming/URLsManager/AddItem/AddItem.tsx

@@ -1,6 +1,7 @@
 // Copyright (C) 2017-2024 Smart code 203358507
 
 import React, { ChangeEvent, useCallback, useState } from 'react';
+import { useTranslation } from 'react-i18next';
 import Icon from '@stremio/stremio-icons/react';
 import { Button, TextInput } from 'stremio/components';
 import styles from './AddItem.less';
@@ -11,6 +12,7 @@ type Props = {
 };
 
 const AddItem = ({ onCancel, handleAddUrl }: Props) => {
+    const { t } = useTranslation();
     const [inputValue, setInputValue] = useState('');
 
     const handleValueChange = useCallback(({ target }: ChangeEvent<HTMLInputElement>) => {
@@ -28,7 +30,7 @@ const AddItem = ({ onCancel, handleAddUrl }: Props) => {
                 value={inputValue}
                 onChange={handleValueChange}
                 onSubmit={onSubmit}
-                placeholder={'Enter URL'}
+                placeholder={t('SETTINGS_SERVER_ADD_URL_PLACEHOLDER')}
             />
             <div className={styles['actions']}>
                 <Button className={styles['add']} onClick={onSubmit}>