BIS-753: Added hard coded messages to the messages file.

ui-admin/src/js/common/messages.js

@@ -104,6 +104,7 @@ const keys = {
   EXPORT_SELECTION: 'EXPORT_SELECTION',
   FAIL_IF_EXISTS: 'FAIL_IF_EXISTS',
   FILE_OR_FILES: 'FILE_OR_FILES',
+  FILES: 'FILES',
   FILE_NAME: 'FILE_NAME',
   FILE_UPLOAD: 'FILE_UPLOAD',
   FILTER: 'FILTER',
@@ -443,6 +444,7 @@ const messages_en = {
   [keys.EXPORT_SELECTION]: 'Select export options',
   [keys.FAIL_IF_EXISTS]: 'Fail if exists',
   [keys.FILE_OR_FILES]: '${0} file(s)',
+  [keys.FILES]: 'files',
   [keys.FILE_NAME]: 'File name',
   [keys.FILE_UPLOAD]: 'File upload',
   [keys.FILTER]: 'Filter',

ui-admin/src/js/components/database/DatabaseComponent.jsx

@@ -16,6 +16,7 @@ import Box from '@material-ui/core/Box'
 import { TabContext, TabPanel } from '@material-ui/lab'
 import autoBind from 'auto-bind'
 import { withStyles } from '@material-ui/core/styles'
+import messages from '@src/js/common/messages.js'
 
 const styles = theme => ({
   tabsPanel: {
@@ -130,18 +131,18 @@ class DatabaseComponent extends React.PureComponent {
       <TabContext value={value}>
         <Box sx={{ borderBottom: 1, borderColor: 'divider' }}>
           <Tabs value={value} onChange={this.handleTabChange}>
-            <Tab label="Data Browser" value="0"/>
-            <Tab label="Imaging Viewer" value="1"/>
+            <Tab label={messages.get(messages.FILES)} value="0"/>
+            <Tab label={messages.get(messages.IMAGES)} value="1"/>
           </Tabs>
         </Box>
-        <TabPanel classes={{root: classes.tabsPanel}} value="0">
+        <TabPanel classes={{ root: classes.tabsPanel }} value="0">
           <DataBrowser
             id={object.type + '-' + object.id}
             viewType='list'
             sessionToken={AppController.getInstance().getSessionToken()}
           />
         </TabPanel>
-        <TabPanel classes={{root: classes.tabsPanel}} value="1">
+        <TabPanel classes={{ root: classes.tabsPanel }} value="1">
           {object.type === objectType.DATA_SET
             && constants.IMAGING_DATA_CONFIG in this.state.json.properties
             && <ImagingDatasetViewer onUnsavedChanges={this.imagingDatasetChange}