Add Translations to Settings Pages

frontend/src/Settings/Metadata/Metadata/EditMetadataModalContent.js

@@ -12,6 +12,7 @@ import ModalContent from 'Components/Modal/ModalContent';
 import ModalFooter from 'Components/Modal/ModalFooter';
 import ModalHeader from 'Components/Modal/ModalHeader';
 import { inputTypes } from 'Helpers/Props';
+import translate from 'Utilities/String/translate';
 
 function EditMetadataModalContent(props) {
   const {
@@ -35,18 +36,18 @@ function EditMetadataModalContent(props) {
   return (
     <ModalContent onModalClose={onModalClose}>
       <ModalHeader>
-        Edit {name.value} Metadata
+        {translate('EditMetadata', { metadataType: name.value })}
       </ModalHeader>
 
       <ModalBody>
         <Form {...otherProps}>
           <FormGroup>
-            <FormLabel>Enable</FormLabel>
+            <FormLabel>{translate('Enable')}</FormLabel>
 
             <FormInputGroup
               type={inputTypes.CHECK}
               name="enable"
-              helpText="Enable metadata file creation for this metadata type"
+              helpText={translate('EnableMetadataHelpText')}
               {...enable}
               onChange={onInputChange}
             />
@@ -74,7 +75,7 @@ function EditMetadataModalContent(props) {
         <Button
           onPress={onModalClose}
         >
-          Cancel
+          {translate('Cancel')}
         </Button>
 
         <SpinnerErrorButton
@@ -82,7 +83,7 @@ function EditMetadataModalContent(props) {
           error={saveError}
           onPress={onSavePress}
         >
-          Save
+          {translate('Save')}
         </SpinnerErrorButton>
       </ModalFooter>
     </ModalContent>

frontend/src/Settings/Metadata/Metadata/Metadata.js

@@ -3,6 +3,7 @@ import React, { Component } from 'react';
 import Card from 'Components/Card';
 import Label from 'Components/Label';
 import { kinds } from 'Helpers/Props';
+import translate from 'Utilities/String/translate';
 import EditMetadataModalConnector from './EditMetadataModalConnector';
 import styles from './Metadata.css';
 
@@ -66,13 +67,13 @@ class Metadata extends Component {
           {
             enable ?
               <Label kind={kinds.SUCCESS}>
-                Enabled
+                {translate('Enabled')}
               </Label> :
               <Label
                 kind={kinds.DISABLED}
                 outline={true}
               >
-                Disabled
+                {translate('Disabled')}
               </Label>
           }
         </div>
@@ -81,7 +82,7 @@ class Metadata extends Component {
           enable && !!metadataFields.length &&
             <div>
               <div className={styles.section}>
-                Metadata
+                {translate('Metadata')}
               </div>
 
               {
@@ -107,7 +108,7 @@ class Metadata extends Component {
           enable && !!imageFields.length &&
             <div>
               <div className={styles.section}>
-                Images
+                {translate('Images')}
               </div>
 
               {

frontend/src/Settings/Metadata/Metadata/Metadatas.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 Metadata from './Metadata';
 import styles from './Metadatas.css';
 
@@ -12,9 +13,9 @@ function Metadatas(props) {
   } = props;
 
   return (
-    <FieldSet legend="Metadata">
+    <FieldSet legend={translate('Metadata')}>
       <PageSectionContent
-        errorMessage="Unable to load Metadata"
+        errorMessage={translate('MetadataLoadError')}
         {...otherProps}
       >
         <div className={styles.metadatas}>

frontend/src/Settings/Metadata/MetadataSettings.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 MetadatasConnector from './Metadata/MetadatasConnector';
 
 function MetadataSettings() {
   return (
-    <PageContent title="Metadata Settings">
+    <PageContent title={translate('MetadataSettings')}>
       <SettingsToolbarConnector
         showSave={false}
       />