diff --git a/packages/console-app/src/containers/StatusBar.js b/packages/console-app/src/containers/StatusBar.js
index 6bd15b3..7a12427 100644
--- a/packages/console-app/src/containers/StatusBar.js
+++ b/packages/console-app/src/containers/StatusBar.js
@@ -109,11 +109,7 @@ const StatusBar = () => {
-
{name} ({version})
-
{moment(buildDate).format('L')}
-
-
-
+
{name} [{version} {moment(buildDate).format('L')}]
diff --git a/packages/console-app/src/containers/VersionCheck.js b/packages/console-app/src/containers/VersionCheck.js
index d8c6503..631eedc 100644
--- a/packages/console-app/src/containers/VersionCheck.js
+++ b/packages/console-app/src/containers/VersionCheck.js
@@ -7,6 +7,7 @@ import get from 'lodash.get';
import React, { useEffect, useState } from 'react';
import { useQuery } from '@apollo/react-hooks';
import { makeStyles } from '@material-ui/core';
+import Link from '@material-ui/core/Link';
import SYSTEM_STATUS from '../gql/system_status.graphql';
import WNS_RECORDS from '../gql/wns_records.graphql';
@@ -15,6 +16,8 @@ import { useQueryStatusReducer } from '../hooks';
const CHECK_INTERVAL = 5 * 60 * 1000;
+const UPDATE_LINK = 'https://github.com/dxos/kube#updating-the-system';
+
const useStyles = makeStyles(theme => ({
update: {
color: theme.palette.error.light
@@ -59,10 +62,13 @@ const VersionCheck = () => {
return (
<>
{current && (
- SYS: {current}
+ System {current}
)}
+
{latest && (
- (LATEST: {latest})
+
+ (LATEST: {latest})
+
)}
>
);