More Language string migration

frontend/src/Settings/Notifications/NotificationSettings.js

@@ -2,11 +2,12 @@ import React from 'react';
 import PageContent from 'Components/Page/PageContent';
 import PageContentBody from 'Components/Page/PageContentBody';
 import SettingsToolbarConnector from 'Settings/SettingsToolbarConnector';
+import translate from 'Utilities/String/translate';
 import NotificationsConnector from './Notifications/NotificationsConnector';
 
 function NotificationSettings() {
   return (
-    <PageContent title="Connect Settings">
+    <PageContent title={translate('ConnectSettings')}>
       <SettingsToolbarConnector
         showSave={false}
       />

frontend/src/Settings/Notifications/Notifications/EditNotificationModalContent.js

@@ -76,7 +76,7 @@ function EditNotificationModalContent(props) {
               }
 
               <FormGroup>
-                <FormLabel>Name</FormLabel>
+                <FormLabel>{translate('Name')}</FormLabel>
 
                 <FormInputGroup
                   type={inputTypes.TEXT}
@@ -92,12 +92,12 @@ function EditNotificationModalContent(props) {
               />
 
               <FormGroup>
-                <FormLabel>Tags</FormLabel>
+                <FormLabel>{translate('Tags')}</FormLabel>
 
                 <FormInputGroup
                   type={inputTypes.TAG}
                   name="tags"
-                  helpText="Only send notifications for movies with at least one matching tag"
+                  helpText={translate('TagsHelpText')}
                   {...tags}
                   onChange={onInputChange}
                 />

frontend/src/Settings/Notifications/Notifications/Notification.js

@@ -132,7 +132,7 @@ class Notification extends Component {
         <ConfirmModal
           isOpen={this.state.isDeleteNotificationModalOpen}
           kind={kinds.DANGER}
-          title="Delete Notification"
+          title={translate('DeleteNotification')}
           message={`Are you sure you want to delete the notification '${name}'?`}
           confirmLabel={translate('Delete')}
           onConfirm={this.onConfirmDeleteNotification}

frontend/src/Settings/Notifications/Notifications/NotificationEventItems.js

@@ -5,6 +5,7 @@ import FormInputGroup from 'Components/Form/FormInputGroup';
 import FormInputHelpText from 'Components/Form/FormInputHelpText';
 import FormLabel from 'Components/Form/FormLabel';
 import { inputTypes } from 'Helpers/Props';
+import translate from 'Utilities/String/translate';
 import styles from './NotificationEventItems.css';
 
 function NotificationEventItems(props) {
@@ -29,7 +30,7 @@ function NotificationEventItems(props) {
 
   return (
     <FormGroup>
-      <FormLabel>Notification Triggers</FormLabel>
+      <FormLabel>{translate('NotificationTriggers')}</FormLabel>
       <div>
         <FormInputHelpText
           text="Select which events should trigger this notification"
@@ -40,7 +41,7 @@ function NotificationEventItems(props) {
             <FormInputGroup
               type={inputTypes.CHECK}
               name="onGrab"
-              helpText="On Grab"
+              helpText={translate('OnGrabHelpText')}
               isDisabled={!supportsOnGrab.value}
               {...onGrab}
               onChange={onInputChange}
@@ -51,7 +52,7 @@ function NotificationEventItems(props) {
             <FormInputGroup
               type={inputTypes.CHECK}
               name="onDownload"
-              helpText="Be notified when movies are successfully imported"
+              helpText={translate('OnDownloadHelpText')}
               isDisabled={!supportsOnDownload.value}
               {...onDownload}
               onChange={onInputChange}
@@ -64,7 +65,7 @@ function NotificationEventItems(props) {
                 <FormInputGroup
                   type={inputTypes.CHECK}
                   name="onUpgrade"
-                  helpText="Be notified when movies are upgraded to a better quality"
+                  helpText={translate('OnUpgradeHelpText')}
                   isDisabled={!supportsOnUpgrade.value}
                   {...onUpgrade}
                   onChange={onInputChange}
@@ -76,7 +77,7 @@ function NotificationEventItems(props) {
             <FormInputGroup
               type={inputTypes.CHECK}
               name="onRename"
-              helpText="On Rename"
+              helpText={translate('OnRenameHelpText')}
               isDisabled={!supportsOnRename.value}
               {...onRename}
               onChange={onInputChange}
@@ -87,7 +88,7 @@ function NotificationEventItems(props) {
             <FormInputGroup
               type={inputTypes.CHECK}
               name="onHealthIssue"
-              helpText="On Health Issue"
+              helpText={translate('OnHealthIssueHelpText')}
               isDisabled={!supportsOnHealthIssue.value}
               {...onHealthIssue}
               onChange={onInputChange}
@@ -100,7 +101,7 @@ function NotificationEventItems(props) {
                 <FormInputGroup
                   type={inputTypes.CHECK}
                   name="includeHealthWarnings"
-                  helpText="Include Health Warnings"
+                  helpText={translate('IncludeHealthWarningsHelpText')}
                   isDisabled={!supportsOnHealthIssue.value}
                   {...includeHealthWarnings}
                   onChange={onInputChange}

frontend/src/Settings/Notifications/Notifications/Notifications.js

@@ -61,7 +61,7 @@ class Notifications extends Component {
     return (
       <FieldSet legend={translate('Connections')}>
         <PageSectionContent
-          errorMessage="Unable to load Notifications"
+          errorMessage={translate('UnableToLoadNotifications')}
           {...otherProps}
         >
           <div className={styles.notifications}>