Localization framework

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';
 
@@ -73,7 +74,7 @@ class BackupRow extends Component {
     } = this.state;
 
     let iconClassName = icons.SCHEDULED;
-    let iconTooltip = 'Scheduled';
+    let iconTooltip = translate('IconTooltip');
 
     if (type === 'manual') {
       iconClassName = icons.INTERACTIVE;
@@ -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"
-          message={`Are you sure you want to delete the backup '${name}'?`}
-          confirmLabel="Delete"
+          title={translate('DeleteBackup')}
+          message={translate('DeleteBackupMessageText', [name])}
+          confirmLabel={translate('Delete')}
           onConfirm={this.onConfirmDeletePress}
           onCancel={this.onConfirmDeleteModalClose}
         />