From 6a7c9f3b71e60ea9a4eaad54bd4cd5ddeab064e8 Mon Sep 17 00:00:00 2001
From: Jaco Greeff <jacogr@gmail.com>
Date: Wed, 25 Jul 2018 11:58:04 +0200
Subject: [PATCH] Display UI version on sidebar (#160)

---
 packages/apps/src/NodeInfo.tsx | 13 ++++++++++---
 packages/apps/src/index.tsx    |  4 ----
 2 files changed, 10 insertions(+), 7 deletions(-)

diff --git a/packages/apps/src/NodeInfo.tsx b/packages/apps/src/NodeInfo.tsx
index 5003692947..1fb3f01f39 100644
--- a/packages/apps/src/NodeInfo.tsx
+++ b/packages/apps/src/NodeInfo.tsx
@@ -17,6 +17,10 @@ import translate from './translate';
 
 type Props = I18nProps & {};
 
+const pkgJson = require('../package.json');
+
+console.log('@polkadot/apps', pkgJson.version);
+
 function updateTestInfo (chain?: string) {
   keyring.setTestMode(isTestChain(chain));
 }
@@ -33,13 +37,16 @@ class NodeInfo extends React.PureComponent<Props> {
           })}
           onChange={updateTestInfo}
         />
-        <NodeName label={t('info.name', {
+        <NodeName label={t('info.clientName', {
           defaultValue: 'client: '
         })}
         />
-        <NodeVersion label={t('info.name', {
-          defaultValue: 'version: '
+        <NodeVersion label={t('info.clientVersion', {
+          defaultValue: 'client version: '
         })} />
+        <div>{t('info.uiVersion', {
+          defaultValue: 'ui version:'
+        })} {pkgJson.version}</div>
       </div>
     );
   }
diff --git a/packages/apps/src/index.tsx b/packages/apps/src/index.tsx
index 2353916338..283d20131e 100644
--- a/packages/apps/src/index.tsx
+++ b/packages/apps/src/index.tsx
@@ -19,10 +19,6 @@ import SideBar from './SideBar';
 
 type Props = BareProps & {};
 
-const pkgJson = require('../package.json');
-
-console.log('@polkadot/apps', pkgJson.version);
-
 function App ({ className, style }: Props) {
   return (
     <div