More Language string migration

frontend/src/System/Backup/BackupRow.js

@@ -8,6 +8,7 @@ import RelativeDateCellConnector from 'Components/Table/Cells/RelativeDateCellCo
 import TableRowCell from 'Components/Table/Cells/TableRowCell';
 import TableRow from 'Components/Table/TableRow';
 import { icons, kinds } from 'Helpers/Props';
+import translate from 'Utilities/String/translate';
 import RestoreBackupModalConnector from './RestoreBackupModalConnector';
 import styles from './BackupRow.css';
 
@@ -114,7 +115,7 @@ class BackupRow extends Component {
           />
 
           <IconButton
-            title="Delete backup"
+            title={translate('DeleteBackup')}
             name={icons.DELETE}
             onPress={this.onDeletePress}
           />
@@ -130,9 +131,9 @@ class BackupRow extends Component {
         <ConfirmModal
           isOpen={isConfirmDeleteModalOpen}
           kind={kinds.DANGER}
-          title="Delete Backup"
+          title={translate('DeleteBackup')}
           message={`Are you sure you want to delete the backup '${name}'?`}
-          confirmLabel="Delete"
+          confirmLabel={translate('Delete')}
           onConfirm={this.onConfirmDeletePress}
           onCancel={this.onConfirmDeleteModalClose}
         />

frontend/src/System/Backup/Backups.js

@@ -76,7 +76,7 @@ class Backups extends Component {
     const noBackups = isPopulated && !items.length;
 
     return (
-      <PageContent title="Backups">
+      <PageContent title={translate('Backups')}>
         <PageToolbar>
           <PageToolbarSection>
             <PageToolbarButton

frontend/src/System/Events/LogsTable.js

@@ -33,7 +33,7 @@ function LogsTable(props) {
   } = props;
 
   return (
-    <PageContent title="Logs">
+    <PageContent title={translate('Logs')}>
       <PageToolbar>
         <PageToolbarSection>
           <PageToolbarButton

frontend/src/System/Logs/Files/LogFiles.js

@@ -51,7 +51,7 @@ class LogFiles extends Component {
     } = this.props;
 
     return (
-      <PageContent title="Log Files">
+      <PageContent title={translate('LogFiles')}>
         <PageToolbar>
           <PageToolbarSection>
             <LogsNavMenu current={currentLogView} />

frontend/src/System/Status/About/About.js

@@ -36,14 +36,14 @@ class About extends Component {
       <FieldSet legend={translate('About')}>
         <DescriptionList className={styles.descriptionList}>
           <DescriptionListItem
-            title="Version"
+            title={translate('Version')}
             data={version}
           />
 
           {
             packageVersion &&
               <DescriptionListItem
-                title="Package Version"
+                title={translate('PackageVersion')}
                 data={(packageAuthor ? <span> {packageVersion} {' by '} <InlineMarkdown data={packageAuthor} /> </span> : packageVersion)}
               />
           }
@@ -51,7 +51,7 @@ class About extends Component {
           {
             isMono &&
               <DescriptionListItem
-                title="Mono Version"
+                title={translate('MonoVersion')}
                 data={runtimeVersion}
               />
           }
@@ -59,7 +59,7 @@ class About extends Component {
           {
             isNetCore &&
               <DescriptionListItem
-                title=".NET Core"
+                title={translate('NetCore')}
                 data={'Yes'}
               />
           }
@@ -67,33 +67,33 @@ class About extends Component {
           {
             isDocker &&
               <DescriptionListItem
-                title="Docker"
+                title={translate('Docker')}
                 data={'Yes'}
               />
           }
 
           <DescriptionListItem
-            title="DB Migration"
+            title={translate('DBMigration')}
             data={migrationVersion}
           />
 
           <DescriptionListItem
-            title="AppData directory"
+            title={translate('AppDataDirectory')}
             data={appData}
           />
 
           <DescriptionListItem
-            title="Startup directory"
+            title={translate('StartupDirectory')}
             data={startupPath}
           />
 
           <DescriptionListItem
-            title="Mode"
+            title={translate('Mode')}
             data={titleCase(mode)}
           />
 
           <DescriptionListItem
-            title="Uptime"
+            title={translate('Uptime')}
             data={
               <StartTime
                 startTime={startTime}

frontend/src/System/Status/Health/Health.js

@@ -22,7 +22,7 @@ function getInternalLink(source) {
       return (
         <IconButton
           name={icons.SETTINGS}
-          title="Settings"
+          title={translate('Settings')}
           to="/settings/indexers"
         />
       );
@@ -32,7 +32,7 @@ function getInternalLink(source) {
       return (
         <IconButton
           name={icons.SETTINGS}
-          title="Settings"
+          title={translate('Settings')}
           to="/settings/downloadclients"
         />
       );
@@ -40,7 +40,7 @@ function getInternalLink(source) {
       return (
         <IconButton
           name={icons.PLAY}
-          title="Movie Editor"
+          title={translate('MovieEditor')}
           to="/movieeditor"
         />
       );
@@ -48,7 +48,7 @@ function getInternalLink(source) {
       return (
         <IconButton
           name={icons.UPDATE}
-          title="Updates"
+          title={translate('Updates')}
           to="/system/updates"
         />
       );
@@ -185,7 +185,7 @@ class Health extends Component {
                           <IconButton
                             name={icons.WIKI}
                             to={item.wikiUrl}
-                            title="Read the Wiki for more information"
+                            title={translate('ReadTheWikiForMoreInformation')}
                           />
 
                           {

frontend/src/System/Status/Status.js

@@ -1,6 +1,7 @@
 import React, { Component } from 'react';
 import PageContent from 'Components/Page/PageContent';
 import PageContentBody from 'Components/Page/PageContentBody';
+import translate from 'Utilities/String/translate';
 import AboutConnector from './About/AboutConnector';
 import DiskSpaceConnector from './DiskSpace/DiskSpaceConnector';
 import HealthConnector from './Health/HealthConnector';
@@ -13,7 +14,7 @@ class Status extends Component {
 
   render() {
     return (
-      <PageContent title="Status">
+      <PageContent title={translate('Status')}>
         <PageContentBody>
           <HealthConnector />
           <DiskSpaceConnector />

frontend/src/System/Tasks/Queued/QueuedTaskRow.js

@@ -225,7 +225,7 @@ class QueuedTaskRow extends Component {
           {
             status === 'queued' &&
               <IconButton
-                title="Removed from task queue"
+                title={translate('RemovedFromTaskQueue')}
                 name={icons.REMOVE}
                 onPress={this.onCancelPress}
               />
@@ -237,8 +237,8 @@ class QueuedTaskRow extends Component {
           kind={kinds.DANGER}
           title={translate('Cancel')}
           message={'Are you sure you want to cancel this pending task?'}
-          confirmLabel="Yes, Cancel"
-          cancelLabel="No, Leave It"
+          confirmLabel={translate('YesCancel')}
+          cancelLabel={translate('NoLeaveIt')}
           onConfirm={onCancelPress}
           onCancel={this.onAbortCancel}
         />

frontend/src/System/Tasks/Tasks.js

@@ -1,12 +1,13 @@
 import React from 'react';
 import PageContent from 'Components/Page/PageContent';
 import PageContentBody from 'Components/Page/PageContentBody';
+import translate from 'Utilities/String/translate';
 import QueuedTasksConnector from './Queued/QueuedTasksConnector';
 import ScheduledTasksConnector from './Scheduled/ScheduledTasksConnector';
 
 function Tasks() {
   return (
-    <PageContent title="Tasks">
+    <PageContent title={translate('Tasks')}>
       <PageContentBody>
         <ScheduledTasksConnector />
         <QueuedTasksConnector />

frontend/src/System/Updates/Updates.js

@@ -10,6 +10,7 @@ import PageContent from 'Components/Page/PageContent';
 import PageContentBody from 'Components/Page/PageContentBody';
 import { icons, kinds } from 'Helpers/Props';
 import formatDate from 'Utilities/Date/formatDate';
+import translate from 'Utilities/String/translate';
 import UpdateChanges from './UpdateChanges';
 import styles from './Updates.css';
 
@@ -48,7 +49,7 @@ class Updates extends Component {
     };
 
     return (
-      <PageContent title="Updates">
+      <PageContent title={translate('Updates')}>
         <PageContentBody>
           {
             !isPopulated && !hasError &&
@@ -168,12 +169,12 @@ class Updates extends Component {
                           hasChanges &&
                             <div className={styles.changes}>
                               <UpdateChanges
-                                title="New"
+                                title={translate('New')}
                                 changes={update.changes.new}
                               />
 
                               <UpdateChanges
-                                title="Fixed"
+                                title={translate('Fixed')}
                                 changes={update.changes.fixed}
                               />
                             </div>