Localization framework

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

@@ -5,6 +5,7 @@ import DescriptionListItem from 'Components/DescriptionList/DescriptionListItem'
 import FieldSet from 'Components/FieldSet';
 import InlineMarkdown from 'Components/Markdown/InlineMarkdown';
 import titleCase from 'Utilities/String/titleCase';
+import translate from 'Utilities/String/translate';
 import StartTime from './StartTime';
 import styles from './About.css';
 
@@ -32,17 +33,17 @@ class About extends Component {
     } = this.props;
 
     return (
-      <FieldSet legend="About">
+      <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)}
               />
           }
@@ -50,7 +51,7 @@ class About extends Component {
           {
             isMono &&
               <DescriptionListItem
-                title="Mono Version"
+                title={translate('MonoVersion')}
                 data={runtimeVersion}
               />
           }
@@ -58,7 +59,7 @@ class About extends Component {
           {
             isNetCore &&
               <DescriptionListItem
-                title=".NET Core"
+                title={translate('NETCore')}
                 data={`Yes (${runtimeVersion})`}
               />
           }
@@ -66,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}