Translate main texts

src/client/components/main_layout/Main.js

@@ -61,12 +61,10 @@ let Main = props => {
       <div className={classes.layout}>
         <div className={classes.heroContent}>
           <Typography component="h1" variant="h3" align="center" color="textPrimary" gutterBottom>
-              Mapping Manuscript Migrations
+            {intl.get('appTitle.long')}
           </Typography>
           <Typography variant="h6" align="center" color="textSecondary" paragraph>
-            MMM is a semantic portal for finding and studying pre-modern manuscripts and their movements,
-            based on linked collections of  Schoenberg Institute, Bodleian Library, and IRHT.
-            Select an application view below.
+            {intl.get('appDescription')}
           </Typography>
         </div>
       </div>

src/client/components/main_layout/TopBar.js

@@ -196,7 +196,7 @@ class TopBar extends React.Component {
               to='/'
             >
               <Typography className={classes.title} variant="h6" color="inherit">
-                {intl.get('topBar.appTitle')}
+                {intl.get('appTitle.short')}
               </Typography>
             </Button>
             <TopBarSearchField

src/client/components/main_layout/TopBarInfoButton.js

@@ -43,7 +43,7 @@ class TopBarInfoButton extends React.Component {
           onClick={this.handleInfoMenuOpen}
           endIcon={<ExpandMoreIcon />}
         >
-          Info
+          {intl.get('topBar.info.info')}
         </Button>
         <Menu
           anchorEl={this.state.anchorEl}
@@ -66,7 +66,7 @@ class TopBarInfoButton extends React.Component {
             to={`/about`}
             onClick={this.handleInfoMenuClose}
           >
-            About the project
+            {intl.get('topBar.info.aboutTheProject')}
           </MenuItem>
           <a className={classes.link}
             key={1}

src/client/components/main_layout/TopBarSearchField.js

 import React from 'react';
 import PropTypes from 'prop-types';
+import intl from 'react-intl-universal';
 import { withStyles } from '@material-ui/core/styles';
 import { fade } from '@material-ui/core/styles/colorManipulator';
 import SearchIcon from '@material-ui/icons/Search';
@@ -97,7 +98,7 @@ class TopBarSearchField extends React.Component {
           <SearchIcon />
         </div>
         <InputBase
-          placeholder="Search all MMM content"
+          placeholder={intl.get('topBar.searchBarPlaceHolder')}
           classes={{
             root: classes.inputRoot,
             input: classes.inputInput,

src/client/translations/mmm/localeEN.js

 export default {
   'languageLabel': 'English',
+  'appTitle': {
+    'short': 'mmm',
+    'long': 'Mapping Manuscript Migrations'
+  },
+  'appDescription': `
+    MMM is a semantic portal for finding and studying pre-modern manuscripts and
+    their movements, based on linked collections of Schoenberg Institute, Bodleian Library,
+    and IRHT. Select an application view below.
+  `,
   'topBar': {
-    'appTitle': 'MMM',
     'feedback': 'feedback',
     'info': {
+      'info': 'Info',
       'blog': 'Blog',
       'aboutTheProject': 'About the project'
     },
+    'searchBarPlaceHolder': 'Search all MMM content',
     'instructions': 'instructions'
   },
   'facetBar': {