Translate top bar buttons

src/client/components/main_layout/TopBar.js

@@ -156,14 +156,14 @@ class TopBar extends React.Component {
         component={this.AdapterLink}
         to={`/feedback`}
       >
-        FEEDBACK
+        {intl.get('topBar.feedback').toUpperCase()}
       </MenuItem>
       <MenuItem
         key={0}
         component={this.AdapterLink}
         to={`/about`}
       >
-        ABOUT THE PROJECT
+        {intl.get('topBar.info.aboutTheProject').toUpperCase()}
       </MenuItem>
       <a className={this.props.classes.link}
         key={1}
@@ -172,7 +172,7 @@ class TopBar extends React.Component {
         rel='noopener noreferrer'
       >
         <MenuItem>
-          BLOG
+          {intl.get('topBar.info.blog').toUpperCase()}
         </MenuItem>
       </a>
       <MenuItem
@@ -180,7 +180,7 @@ class TopBar extends React.Component {
         component={this.AdapterLink}
         to={`/instructions`}
       >
-        INSTRUCTIONS
+        {intl.get('topBar.instructions').toUpperCase()}
       </MenuItem>
     </Menu>
 
@@ -196,7 +196,7 @@ class TopBar extends React.Component {
               to='/'
             >
               <Typography className={classes.title} variant="h6" color="inherit">
-                MMM
+                {intl.get('topBar.appTitle')}
               </Typography>
             </Button>
             <TopBarSearchField
@@ -214,7 +214,7 @@ class TopBar extends React.Component {
                 isActive={(match, location) => location.pathname.startsWith(`/feedback`)}
                 activeClassName={this.props.classes.appBarButtonActive}
               >
-                Feedback
+                {intl.get('topBar.feedback')}
               </Button>
               <TopBarInfoButton />
               <Button
@@ -224,7 +224,7 @@ class TopBar extends React.Component {
                 isActive={(match, location) => location.pathname.startsWith(`/instructions`)}
                 activeClassName={this.props.classes.appBarButtonActive}
               >
-                Instructions
+                {intl.get('topBar.instructions')}
               </Button>
               <TopBarLanguageButton
                 currentLocale={currentLocale}

src/client/components/main_layout/TopBarInfoButton.js

 import React from 'react';
 import PropTypes from 'prop-types';
+import intl from 'react-intl-universal';
 import Button from '@material-ui/core/Button';
 import MenuItem from '@material-ui/core/MenuItem';
 import Menu from '@material-ui/core/Menu';
@@ -74,7 +75,7 @@ class TopBarInfoButton extends React.Component {
             rel='noopener noreferrer'
           >
             <MenuItem onClick={this.handleInfoMenuClose}>
-              Blog
+              {intl.get('topBar.info.blog')}
             </MenuItem>
           </a>
         </Menu>

src/client/reducers/options.js

@@ -5,7 +5,7 @@ import { availableLocales } from '../epics/index.js';
 
 let localeArray = [];
 for (const [key, value] of Object.entries(availableLocales)) {
-  localeArray.push({ id: key, label: value.label });
+  localeArray.push({ id: key, label: value.languageLabel });
 }
 
 export const INITIAL_STATE = {

src/client/translations/localeEN.js

 export default {
-  'label': 'English',
+  'languageLabel': 'English',
+  'topBar': {
+    'appTitle': 'MMM',
+    'feedback': 'feedback',
+    'info': {
+      'blog': 'Blog',
+      'aboutTheProject': 'About the project'
+    },
+    'instructions': 'instructions'
+  },
   'facetBar': {
     'results': 'Results',
     'narrowDownBy': 'Narrow down by'

src/client/translations/localeFI.js

 export default {
-  'label': 'Suomi',
-  'facetBar': {
-    'results': 'Tuloksia',
-    'narrowDownBy': 'Rajaa'
-  },
-  'tabs': {
-    'table': 'taulukko',
-    'map': 'kartta',
-    'production_places': 'tuotantopaikat',
-    'migrations': 'migraatio',
-    'export': 'lataa'
-  },
-  'table': {
-    'rowsPerPage': 'Rows per page',
-    'of': 'of'
-  },
+  'languageLabel': 'Suomi',
 };

src/client/translations/localeSV.js

 export default {
-  'label': 'Svenska',
-  'facetBar': {
-    'results': 'Resultat',
-  },
+  'languageLabel': 'Svenska',
 };