adding i18n framework

1 files changed, 5 insertions, 4 deletions

diff --git a/app/client/common/header.component.js b/app/client/common/header.component.js
index 8450e8a..d55ec51 100644
--- a/app/client/common/header.component.js
+++ b/app/client/common/header.component.js
@@ -18,7 +18,7 @@ function NavLink(props){
 }
 
 function Header(props){
-  const { site, app, fps, playing, actions, location, history } = props
+  const { site, app, fps, playing, actions, location, history, i18n } = props
   const tool_list = Object.keys(modules).map((name, i) => {
     const label = name.replace(/_/, " ")
     return <option value={name} key={i}>{label}</option>
@@ -26,7 +26,7 @@ function Header(props){
   const tool = modules[app.tool]
   const links = tool.links().map((link,i) => {
     return (
-      <NavLink key={i} location={location} to={link.url}>{link.name}</NavLink>
+      <NavLink key={i} location={location} to={link.url}>{i18n.header[link.name] || link.name}</NavLink>
     )
   })
   return (
@@ -45,8 +45,8 @@ function Header(props){
           {tool_list}
         </select>
       </span>
-      <NavLink location={location} to="/system">system</NavLink>
-      <NavLink location={location} to="/dashboard">dashboard</NavLink>
+      <NavLink location={location} to="/system">{i18n.header.system}</NavLink>
+      <NavLink location={location} to="/dashboard">{i18n.header.dashboard}</NavLink>
       <span>{links}</span>
       {playing && <span>{fps} fps</span>}
     </header>
@@ -58,6 +58,7 @@ const mapStateToProps = state => ({
   app: state.system.app,
   fps: state.live.fps,
   playing: state.live.playing,
+  i18n: state.system.i18n.strings,
 })
 
 const mapDispatchToProps = (dispatch, ownProps) => ({