More Language string migration

frontend/src/Settings/General/AnalyticSettings.js

@@ -20,13 +20,13 @@ function AnalyticSettings(props) {
   return (
     <FieldSet legend={translate('Analytics')}>
       <FormGroup size={sizes.MEDIUM}>
-        <FormLabel>Send Anonymous Usage Data</FormLabel>
+        <FormLabel>{translate('SendAnonymousUsageData')}</FormLabel>
 
         <FormInputGroup
           type={inputTypes.CHECK}
           name="analyticsEnabled"
-          helpText="Send anonymous usage and error information to Radarr's servers. This includes information on your browser, which Radarr WebUI pages you use, error reporting as well as OS and runtime version. We will use this information to prioritize features and bug fixes."
-          helpTextWarning="Requires restart to take effect"
+          helpText={translate('AnalyticsEnabledHelpText')}
+          helpTextWarning={translate('RestartRequiredHelpTextWarning')}
           onChange={onInputChange}
           {...analyticsEnabled}
         />

frontend/src/Settings/General/BackupSettings.js

@@ -5,6 +5,7 @@ import FormGroup from 'Components/Form/FormGroup';
 import FormInputGroup from 'Components/Form/FormInputGroup';
 import FormLabel from 'Components/Form/FormLabel';
 import { inputTypes } from 'Helpers/Props';
+import translate from 'Utilities/String/translate';
 
 function BackupSettings(props) {
   const {
@@ -24,17 +25,17 @@ function BackupSettings(props) {
   }
 
   return (
-    <FieldSet legend="Backups">
+    <FieldSet legend={translate('Backups')}>
       <FormGroup
         advancedSettings={advancedSettings}
         isAdvanced={true}
       >
-        <FormLabel>Folder</FormLabel>
+        <FormLabel>{translate('Folder')}</FormLabel>
 
         <FormInputGroup
           type={inputTypes.PATH}
           name="backupFolder"
-          helpText="Relative paths will be under Radarr's AppData directory"
+          helpText={translate('BackupFolderHelpText')}
           onChange={onInputChange}
           {...backupFolder}
         />
@@ -44,13 +45,13 @@ function BackupSettings(props) {
         advancedSettings={advancedSettings}
         isAdvanced={true}
       >
-        <FormLabel>Interval</FormLabel>
+        <FormLabel>{translate('Interval')}</FormLabel>
 
         <FormInputGroup
           type={inputTypes.NUMBER}
           name="backupInterval"
           unit="days"
-          helpText="Interval between automatic backups"
+          helpText={translate('BackupIntervalHelpText')}
           onChange={onInputChange}
           {...backupInterval}
         />
@@ -60,13 +61,13 @@ function BackupSettings(props) {
         advancedSettings={advancedSettings}
         isAdvanced={true}
       >
-        <FormLabel>Retention</FormLabel>
+        <FormLabel>{translate('Retention')}</FormLabel>
 
         <FormInputGroup
           type={inputTypes.NUMBER}
           name="backupRetention"
           unit="days"
-          helpText="Automatic backups older than the retention period will be cleaned up automatically"
+          helpText={translate('BackupRetentionHelpText')}
           onChange={onInputChange}
           {...backupRetention}
         />

frontend/src/Settings/General/GeneralSettings.js

@@ -8,6 +8,7 @@ import PageContent from 'Components/Page/PageContent';
 import PageContentBody from 'Components/Page/PageContentBody';
 import { kinds } from 'Helpers/Props';
 import SettingsToolbarConnector from 'Settings/SettingsToolbarConnector';
+import translate from 'Utilities/String/translate';
 import AnalyticSettings from './AnalyticSettings';
 import BackupSettings from './BackupSettings';
 import HostSettings from './HostSettings';
@@ -112,7 +113,7 @@ class GeneralSettings extends Component {
     } = this.props;
 
     return (
-      <PageContent title="General Settings">
+      <PageContent title={translate('GeneralSettings')}>
         <SettingsToolbarConnector
           {...otherProps}
         />
@@ -184,12 +185,12 @@ class GeneralSettings extends Component {
         <ConfirmModal
           isOpen={this.state.isRestartRequiredModalOpen}
           kind={kinds.DANGER}
-          title="Restart Radarr"
+          title={translate('RestartRadarr')}
           message={
             `Radarr requires a restart to apply changes, do you want to restart now? ${isWindowsService ? 'Depending which user is running the Radarr service you may need to restart Radarr as admin once before the service will start automatically.' : ''}`
           }
-          cancelLabel="I'll restart later"
-          confirmLabel="Restart Now"
+          cancelLabel={translate('IllRestartLater')}
+          confirmLabel={translate('RestartNow')}
           onConfirm={this.onConfirmRestart}
           onCancel={this.onCloseRestartRequiredModalOpen}
         />

frontend/src/Settings/General/HostSettings.js

@@ -33,40 +33,40 @@ function HostSettings(props) {
         advancedSettings={advancedSettings}
         isAdvanced={true}
       >
-        <FormLabel>Bind Address</FormLabel>
+        <FormLabel>{translate('BindAddress')}</FormLabel>
 
         <FormInputGroup
           type={inputTypes.TEXT}
           name="bindAddress"
-          helpText="Valid IP4 address or '*' for all interfaces"
-          helpTextWarning="Requires restart to take effect"
+          helpText={translate('BindAddressHelpText')}
+          helpTextWarning={translate('RestartRequiredHelpTextWarning')}
           onChange={onInputChange}
           {...bindAddress}
         />
       </FormGroup>
 
       <FormGroup>
-        <FormLabel>Port Number</FormLabel>
+        <FormLabel>{translate('PortNumber')}</FormLabel>
 
         <FormInputGroup
           type={inputTypes.NUMBER}
           name="port"
           min={1}
           max={65535}
-          helpTextWarning="Requires restart to take effect"
+          helpTextWarning={translate('RestartRequiredHelpTextWarning')}
           onChange={onInputChange}
           {...port}
         />
       </FormGroup>
 
       <FormGroup>
-        <FormLabel>URL Base</FormLabel>
+        <FormLabel>{translate('URLBase')}</FormLabel>
 
         <FormInputGroup
           type={inputTypes.TEXT}
           name="urlBase"
-          helpText="For reverse proxy support, default is empty"
-          helpTextWarning="Requires restart to take effect"
+          helpText={translate('UrlBaseHelpText')}
+          helpTextWarning={translate('RestartRequiredHelpTextWarning')}
           onChange={onInputChange}
           {...urlBase}
         />
@@ -77,12 +77,12 @@ function HostSettings(props) {
         isAdvanced={true}
         size={sizes.MEDIUM}
       >
-        <FormLabel>Enable SSL</FormLabel>
+        <FormLabel>{translate('EnableSSL')}</FormLabel>
 
         <FormInputGroup
           type={inputTypes.CHECK}
           name="enableSsl"
-          helpText=" Requires restart running as administrator to take effect"
+          helpText={translate('EnableSslHelpText')}
           onChange={onInputChange}
           {...enableSsl}
         />
@@ -94,14 +94,14 @@ function HostSettings(props) {
             advancedSettings={advancedSettings}
             isAdvanced={true}
           >
-            <FormLabel>SSL Port</FormLabel>
+            <FormLabel>{translate('SSLPort')}</FormLabel>
 
             <FormInputGroup
               type={inputTypes.NUMBER}
               name="sslPort"
               min={1}
               max={65535}
-              helpTextWarning="Requires restart to take effect"
+              helpTextWarning={translate('RestartRequiredHelpTextWarning')}
               onChange={onInputChange}
               {...sslPort}
             />
@@ -115,13 +115,13 @@ function HostSettings(props) {
             advancedSettings={advancedSettings}
             isAdvanced={true}
           >
-            <FormLabel>SSL Cert Path</FormLabel>
+            <FormLabel>{translate('SSLCertPath')}</FormLabel>
 
             <FormInputGroup
               type={inputTypes.TEXT}
               name="sslCertPath"
-              helpText="Path to pfx file"
-              helpTextWarning="Requires restart to take effect"
+              helpText={translate('SslCertPathHelpText')}
+              helpTextWarning={translate('RestartRequiredHelpTextWarning')}
               onChange={onInputChange}
               {...sslCertPath}
             />
@@ -135,13 +135,13 @@ function HostSettings(props) {
             advancedSettings={advancedSettings}
             isAdvanced={true}
           >
-            <FormLabel>SSL Cert Password</FormLabel>
+            <FormLabel>{translate('SSLCertPassword')}</FormLabel>
 
             <FormInputGroup
               type={inputTypes.PASSWORD}
               name="sslCertPassword"
-              helpText="Password for pfx file"
-              helpTextWarning="Requires restart to take effect"
+              helpText={translate('SslCertPasswordHelpText')}
+              helpTextWarning={translate('RestartRequiredHelpTextWarning')}
               onChange={onInputChange}
               {...sslCertPassword}
             />
@@ -152,12 +152,12 @@ function HostSettings(props) {
       {
         isWindows && mode !== 'service' &&
           <FormGroup size={sizes.MEDIUM}>
-            <FormLabel>Open browser on start</FormLabel>
+            <FormLabel>{translate('OpenBrowserOnStart')}</FormLabel>
 
             <FormInputGroup
               type={inputTypes.CHECK}
               name="launchBrowser"
-              helpText=" Open a web browser and navigate to Radarr homepage on app start."
+              helpText={translate('LaunchBrowserHelpText')}
               onChange={onInputChange}
               {...launchBrowser}
             />

frontend/src/Settings/General/LoggingSettings.js

@@ -26,7 +26,7 @@ function LoggingSettings(props) {
   return (
     <FieldSet legend={translate('Logging')}>
       <FormGroup>
-        <FormLabel>Log Level</FormLabel>
+        <FormLabel>{translate('LogLevel')}</FormLabel>
 
         <FormInputGroup
           type={inputTypes.SELECT}

frontend/src/Settings/General/ProxySettings.js

@@ -33,7 +33,7 @@ function ProxySettings(props) {
   return (
     <FieldSet legend={translate('Proxy')}>
       <FormGroup size={sizes.MEDIUM}>
-        <FormLabel>Use Proxy</FormLabel>
+        <FormLabel>{translate('UseProxy')}</FormLabel>
 
         <FormInputGroup
           type={inputTypes.CHECK}
@@ -47,7 +47,7 @@ function ProxySettings(props) {
         proxyEnabled.value &&
           <div>
             <FormGroup>
-              <FormLabel>Proxy Type</FormLabel>
+              <FormLabel>{translate('ProxyType')}</FormLabel>
 
               <FormInputGroup
                 type={inputTypes.SELECT}
@@ -59,7 +59,7 @@ function ProxySettings(props) {
             </FormGroup>
 
             <FormGroup>
-              <FormLabel>Hostname</FormLabel>
+              <FormLabel>{translate('Hostname')}</FormLabel>
 
               <FormInputGroup
                 type={inputTypes.TEXT}
@@ -71,7 +71,7 @@ function ProxySettings(props) {
             </FormGroup>
 
             <FormGroup>
-              <FormLabel>Port</FormLabel>
+              <FormLabel>{translate('Port')}</FormLabel>
 
               <FormInputGroup
                 type={inputTypes.NUMBER}
@@ -84,43 +84,43 @@ function ProxySettings(props) {
             </FormGroup>
 
             <FormGroup>
-              <FormLabel>Username</FormLabel>
+              <FormLabel>{translate('Username')}</FormLabel>
 
               <FormInputGroup
                 type={inputTypes.TEXT}
                 name="proxyUsername"
-                helpText="You only need to enter a username and password if one is required. Leave them blank otherwise."
+                helpText={translate('ProxyUsernameHelpText')}
                 onChange={onInputChange}
                 {...proxyUsername}
               />
             </FormGroup>
 
             <FormGroup>
-              <FormLabel>Password</FormLabel>
+              <FormLabel>{translate('Password')}</FormLabel>
 
               <FormInputGroup
                 type={inputTypes.PASSWORD}
                 name="proxyPassword"
-                helpText="You only need to enter a username and password if one is required. Leave them blank otherwise."
+                helpText={translate('ProxyPasswordHelpText')}
                 onChange={onInputChange}
                 {...proxyPassword}
               />
             </FormGroup>
 
             <FormGroup>
-              <FormLabel>Ignored Addresses</FormLabel>
+              <FormLabel>{translate('IgnoredAddresses')}</FormLabel>
 
               <FormInputGroup
                 type={inputTypes.TEXT}
                 name="proxyBypassFilter"
-                helpText="Use ',' as a separator, and '*.' as a wildcard for subdomains"
+                helpText={translate('ProxyBypassFilterHelpText')}
                 onChange={onInputChange}
                 {...proxyBypassFilter}
               />
             </FormGroup>
 
             <FormGroup size={sizes.MEDIUM}>
-              <FormLabel>Bypass Proxy for Local Addresses</FormLabel>
+              <FormLabel>{translate('BypassProxyForLocalAddresses')}</FormLabel>
 
               <FormInputGroup
                 type={inputTypes.CHECK}

frontend/src/Settings/General/SecuritySettings.js

@@ -79,14 +79,14 @@ class SecuritySettings extends Component {
     return (
       <FieldSet legend={translate('Security')}>
         <FormGroup>
-          <FormLabel>Authentication</FormLabel>
+          <FormLabel>{translate('Authentication')}</FormLabel>
 
           <FormInputGroup
             type={inputTypes.SELECT}
             name="authenticationMethod"
             values={authenticationMethodOptions}
-            helpText="Require Username and Password to access Radarr"
-            helpTextWarning="Requires restart to take effect"
+            helpText={translate('AuthenticationMethodHelpText')}
+            helpTextWarning={translate('RestartRequiredHelpTextWarning')}
             onChange={onInputChange}
             {...authenticationMethod}
           />
@@ -95,12 +95,12 @@ class SecuritySettings extends Component {
         {
           authenticationEnabled &&
             <FormGroup>
-              <FormLabel>Username</FormLabel>
+              <FormLabel>{translate('Username')}</FormLabel>
 
               <FormInputGroup
                 type={inputTypes.TEXT}
                 name="username"
-                helpTextWarning="Requires restart to take effect"
+                helpTextWarning={translate('RestartRequiredHelpTextWarning')}
                 onChange={onInputChange}
                 {...username}
               />
@@ -110,12 +110,12 @@ class SecuritySettings extends Component {
         {
           authenticationEnabled &&
             <FormGroup>
-              <FormLabel>Password</FormLabel>
+              <FormLabel>{translate('Password')}</FormLabel>
 
               <FormInputGroup
                 type={inputTypes.PASSWORD}
                 name="password"
-                helpTextWarning="Requires restart to take effect"
+                helpTextWarning={translate('RestartRequiredHelpTextWarning')}
                 onChange={onInputChange}
                 {...password}
               />
@@ -123,13 +123,13 @@ class SecuritySettings extends Component {
         }
 
         <FormGroup>
-          <FormLabel>API Key</FormLabel>
+          <FormLabel>{translate('ApiKey')}</FormLabel>
 
           <FormInputGroup
             type={inputTypes.TEXT}
             name="apiKey"
             readOnly={true}
-            helpTextWarning="Requires restart to take effect"
+            helpTextWarning={translate('RestartRequiredHelpTextWarning')}
             buttons={[
               <ClipboardButton
                 key="copy"
@@ -155,13 +155,13 @@ class SecuritySettings extends Component {
         </FormGroup>
 
         <FormGroup>
-          <FormLabel>Certificate Validation</FormLabel>
+          <FormLabel>{translate('CertificateValidation')}</FormLabel>
 
           <FormInputGroup
             type={inputTypes.SELECT}
             name="certificateValidation"
             values={certificateValidationOptions}
-            helpText="Change how strict HTTPS certification validation is"
+            helpText={translate('CertificateValidationHelpText')}
             onChange={onInputChange}
             {...certificateValidation}
           />
@@ -170,9 +170,9 @@ class SecuritySettings extends Component {
         <ConfirmModal
           isOpen={this.state.isConfirmApiKeyResetModalOpen}
           kind={kinds.DANGER}
-          title="Reset API Key"
-          message="Are you sure you want to reset your API Key?"
-          confirmLabel="Reset"
+          title={translate('ResetAPIKey')}
+          message={translate('AreYouSureYouWantToResetYourAPIKey')}
+          confirmLabel={translate('Reset')}
           onConfirm={this.onConfirmResetApiKey}
           onCancel={this.onCloseResetApiKeyModal}
         />

frontend/src/Settings/General/UpdateSettings.js

@@ -49,7 +49,7 @@ function UpdateSettings(props) {
         advancedSettings={advancedSettings}
         isAdvanced={true}
       >
-        <FormLabel>Branch</FormLabel>
+        <FormLabel>{translate('Branch')}</FormLabel>
 
         <FormInputGroup
           type={inputTypes.TEXT}
@@ -70,12 +70,12 @@ function UpdateSettings(props) {
               isAdvanced={true}
               size={sizes.MEDIUM}
             >
-              <FormLabel>Automatic</FormLabel>
+              <FormLabel>{translate('Automatic')}</FormLabel>
 
               <FormInputGroup
                 type={inputTypes.CHECK}
                 name="updateAutomatically"
-                helpText="Automatically download and install updates. You will still be able to install from System: Updates"
+                helpText={translate('UpdateAutomaticallyHelpText')}
                 onChange={onInputChange}
                 {...updateAutomatically}
               />
@@ -85,13 +85,13 @@ function UpdateSettings(props) {
               advancedSettings={advancedSettings}
               isAdvanced={true}
             >
-              <FormLabel>Mechanism</FormLabel>
+              <FormLabel>{translate('Mechanism')}</FormLabel>
 
               <FormInputGroup
                 type={inputTypes.SELECT}
                 name="updateMechanism"
                 values={updateOptions}
-                helpText="Use Radarr's built-in updater or a script"
+                helpText={translate('UpdateMechanismHelpText')}
                 helpLink="https://github.com/Radarr/Radarr/wiki/Updating"
                 onChange={onInputChange}
                 {...updateMechanism}
@@ -104,12 +104,12 @@ function UpdateSettings(props) {
                   advancedSettings={advancedSettings}
                   isAdvanced={true}
                 >
-                  <FormLabel>Script Path</FormLabel>
+                  <FormLabel>{translate('ScriptPath')}</FormLabel>
 
                   <FormInputGroup
                     type={inputTypes.TEXT}
                     name="updateScriptPath"
-                    helpText="Path to a custom script that takes an extracted update package and handle the remainder of the update process"
+                    helpText={translate('UpdateScriptPathHelpText')}
                     onChange={onInputChange}
                     {...updateScriptPath}
                   />