More Translations

frontend/src/Settings/DownloadClients/RemotePathMappings/EditRemotePathMappingModalContent.js

@@ -41,7 +41,7 @@ function EditRemotePathMappingModalContent(props) {
   return (
     <ModalContent onModalClose={onModalClose}>
       <ModalHeader>
-        {id ? 'Edit Remote Path Mapping' : 'Add Remote Path Mapping'}
+        {id ? translate('EditRemotePathMapping') : translate('AddRemotePathMapping')}
       </ModalHeader>
 
       <ModalBody className={styles.body}>
@@ -59,12 +59,12 @@ function EditRemotePathMappingModalContent(props) {
           !isFetching && !error &&
             <Form {...otherProps}>
               <FormGroup>
-                <FormLabel>Host</FormLabel>
+                <FormLabel>{translate('Host')}</FormLabel>
 
                 <FormInputGroup
                   type={inputTypes.SELECT}
                   name="host"
-                  helpText="The same host you specified for the remote Download Client"
+                  helpText={translate('SettingsRemotePathMappingHostHelpText')}
                   {...host}
                   values={downloadClientHosts}
                   onChange={onInputChange}
@@ -72,24 +72,24 @@ function EditRemotePathMappingModalContent(props) {
               </FormGroup>
 
               <FormGroup>
-                <FormLabel>Remote Path</FormLabel>
+                <FormLabel>{translate('SettingsRemotePathMappingRemotePath')}</FormLabel>
 
                 <FormInputGroup
                   type={inputTypes.TEXT}
                   name="remotePath"
-                  helpText="Root path to the directory that the Download Client accesses"
+                  helpText={translate('SettingsRemotePathMappingRemotePathHelpText')}
                   {...remotePath}
                   onChange={onInputChange}
                 />
               </FormGroup>
 
               <FormGroup>
-                <FormLabel>Local Path</FormLabel>
+                <FormLabel>{translate('SettingsRemotePathMappingLocalPath')}</FormLabel>
 
                 <FormInputGroup
                   type={inputTypes.PATH}
                   name="localPath"
-                  helpText="Path that Radarr should use to access the remote path locally"
+                  helpText={translate('SettingsRemotePathMappingLocalPathHelpText')}
                   {...localPath}
                   onChange={onInputChange}
                 />

frontend/src/Settings/PendingChangesModal.js

@@ -8,6 +8,7 @@ import ModalContent from 'Components/Modal/ModalContent';
 import ModalFooter from 'Components/Modal/ModalFooter';
 import ModalHeader from 'Components/Modal/ModalHeader';
 import { kinds } from 'Helpers/Props';
+import translate from 'Utilities/String/translate';
 
 function PendingChangesModal(props) {
   const {
@@ -27,10 +28,10 @@ function PendingChangesModal(props) {
       onModalClose={onCancel}
     >
       <ModalContent onModalClose={onCancel}>
-        <ModalHeader>Unsaved Changes</ModalHeader>
+        <ModalHeader>{translate('UnsavedChanges')}</ModalHeader>
 
         <ModalBody>
-          You have unsaved changes, are you sure you want to leave this page?
+          {translate('PendingChangesMessage')}
         </ModalBody>
 
         <ModalFooter>
@@ -38,7 +39,7 @@ function PendingChangesModal(props) {
             kind={kinds.DEFAULT}
             onPress={onCancel}
           >
-            Stay and review changes
+            {translate('PendingChangesStayReview')}
           </Button>
 
           <Button
@@ -46,7 +47,7 @@ function PendingChangesModal(props) {
             kind={kinds.DANGER}
             onPress={onConfirm}
           >
-            Discard changes and leave
+            {translate('PendingChangesDiscardChanges')}
           </Button>
         </ModalFooter>
       </ModalContent>

frontend/src/Settings/Tags/Details/TagDetailsModalContent.js

@@ -99,7 +99,7 @@ function TagDetailsModalContent(props) {
 
         {
           !!restrictions.length &&
-            <FieldSet legend="Restrictions">
+            <FieldSet legend={translate('Restrictions')}>
               {
                 restrictions.map((item) => {
                   return (

frontend/src/Settings/Tags/Tags.js

@@ -2,6 +2,7 @@ import PropTypes from 'prop-types';
 import React from 'react';
 import FieldSet from 'Components/FieldSet';
 import PageSectionContent from 'Components/Page/PageSectionContent';
+import translate from 'Utilities/String/translate';
 import TagConnector from './TagConnector';
 import styles from './Tags.css';
 
@@ -19,7 +20,7 @@ function Tags(props) {
 
   return (
     <FieldSet
-      legend="Tags"
+      legend={translate('Tags')}
     >
       <PageSectionContent
         errorMessage="Unable to load Tags"

frontend/src/Settings/UI/UISettings.js

@@ -86,7 +86,7 @@ class UISettings extends Component {
               >
                 <FieldSet legend={translate('Calendar')}>
                   <FormGroup>
-                    <FormLabel>First Day of Week</FormLabel>
+                    <FormLabel>{translate('SettingsFirstDayOfWeek')}</FormLabel>
 
                     <FormInputGroup
                       type={inputTypes.SELECT}
@@ -98,14 +98,14 @@ class UISettings extends Component {
                   </FormGroup>
 
                   <FormGroup>
-                    <FormLabel>Week Column Header</FormLabel>
+                    <FormLabel>{translate('SettingsWeekColumnHeader')}</FormLabel>
 
                     <FormInputGroup
                       type={inputTypes.SELECT}
                       name="calendarWeekColumnHeader"
                       values={weekColumnOptions}
                       onChange={onInputChange}
-                      helpText="Shown above each column when week is the active view"
+                      helpText={translate('SettingsWeekColumnHeaderHelpText')}
                       {...settings.calendarWeekColumnHeader}
                     />
                   </FormGroup>
@@ -115,7 +115,7 @@ class UISettings extends Component {
                   legend={translate('Dates')}
                 >
                   <FormGroup>
-                    <FormLabel>Short Date Format</FormLabel>
+                    <FormLabel>{translate('SettingsShortDateFormat')}</FormLabel>
 
                     <FormInputGroup
                       type={inputTypes.SELECT}
@@ -127,7 +127,7 @@ class UISettings extends Component {
                   </FormGroup>
 
                   <FormGroup>
-                    <FormLabel>Long Date Format</FormLabel>
+                    <FormLabel>{translate('SettingsLongDateFormat')}</FormLabel>
 
                     <FormInputGroup
                       type={inputTypes.SELECT}
@@ -139,7 +139,7 @@ class UISettings extends Component {
                   </FormGroup>
 
                   <FormGroup>
-                    <FormLabel>Time Format</FormLabel>
+                    <FormLabel>{translate('SettingsTimeFormat')}</FormLabel>
 
                     <FormInputGroup
                       type={inputTypes.SELECT}
@@ -151,11 +151,11 @@ class UISettings extends Component {
                   </FormGroup>
 
                   <FormGroup>
-                    <FormLabel>Show Relative Dates</FormLabel>
+                    <FormLabel>{translate('SettingsShowRelativeDates')}</FormLabel>
                     <FormInputGroup
                       type={inputTypes.CHECK}
                       name="showRelativeDates"
-                      helpText="Show relative (Today/Yesterday/etc) or absolute dates"
+                      helpText={translate('SettingsShowRelativeDatesHelpText')}
                       onChange={onInputChange}
                       {...settings.showRelativeDates}
                     />
@@ -166,11 +166,11 @@ class UISettings extends Component {
                   legend={translate('Style')}
                 >
                   <FormGroup>
-                    <FormLabel>Enable Color-Impaired Mode</FormLabel>
+                    <FormLabel>{translate('SettingsEnableColorImpairedMode')}</FormLabel>
                     <FormInputGroup
                       type={inputTypes.CHECK}
                       name="enableColorImpairedMode"
-                      helpText="Altered style to allow color-impaired users to better distinguish color coded information"
+                      helpText={translate('SettingsEnableColorImpairedModeHelpText')}
                       onChange={onInputChange}
                       {...settings.enableColorImpairedMode}
                     />
@@ -181,12 +181,12 @@ class UISettings extends Component {
                   legend={translate('Language')}
                 >
                   <FormGroup>
-                    <FormLabel>UI Language</FormLabel>
+                    <FormLabel>{translate('SettingsUiLanguage')}</FormLabel>
                     <FormInputGroup
                       type={inputTypes.SELECT}
                       name="movieInfoLanguage"
                       values={languages}
-                      helpText="Language that Radarr will use for UI"
+                      helpText={translate('SettingsUiLanguageHelpText')}
                       helpTextWarning="Browser Reload Required"
                       onChange={onInputChange}
                       {...settings.movieInfoLanguage}