Add Translations to Settings Pages

frontend/src/Settings/General/LoggingSettings.js

@@ -5,11 +5,27 @@ 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';
 
 const logLevelOptions = [
-  { key: 'info', value: 'Info' },
-  { key: 'debug', value: 'Debug' },
-  { key: 'trace', value: 'Trace' }
+  {
+    key: 'info',
+    get value() {
+      return translate('Info');
+    }
+  },
+  {
+    key: 'debug',
+    get value() {
+      return translate('Debug');
+    }
+  },
+  {
+    key: 'trace',
+    get value() {
+      return translate('Trace');
+    }
+  }
 ];
 
 function LoggingSettings(props) {
@@ -23,15 +39,15 @@ function LoggingSettings(props) {
   } = settings;
 
   return (
-    <FieldSet legend="Logging">
+    <FieldSet legend={translate('Logging')}>
       <FormGroup>
-        <FormLabel>Log Level</FormLabel>
+        <FormLabel>{translate('LogLevel')}</FormLabel>
 
         <FormInputGroup
           type={inputTypes.SELECT}
           name="logLevel"
           values={logLevelOptions}
-          helpTextWarning={logLevel.value === 'trace' ? 'Trace logging should only be enabled temporarily' : undefined}
+          helpTextWarning={logLevel.value === 'trace' ? translate('LogLevelTraceHelpTextWarning') : undefined}
           onChange={onInputChange}
           {...logLevel}
         />