cerc-io/laconic-console
20
0
Fork 1
Code Issues 15 Pull Requests 1 Actions Packages Projects Releases 14 Wiki Activity

Link update instructions to statusbar. (#41)

Browse Source
This commit is contained in:
Rich Burdon 2020-07-22 20:31:11 -04:00 committed by GitHub
parent 44ed288e2c
commit beb708e083
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 9 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
packages/console-app/src/containers/StatusBar.js
View File

@ -109,11 +109,7 @@ const StatusBar = () => {
</div> </div>
<div className={classes.center}> <div className={classes.center}>
<div>{name} ({version})</div> <div>{name} [{version} {moment(buildDate).format('L')}]</div>
<div>{moment(buildDate).format('L')}</div>
</div>
<div className={classes.center}>
<VersionCheck /> <VersionCheck />
</div> </div>

10
packages/console-app/src/containers/VersionCheck.js
View File

@ -7,6 +7,7 @@ import get from 'lodash.get';
import React, { useEffect, useState } from 'react'; import React, { useEffect, useState } from 'react';
import { useQuery } from '@apollo/react-hooks'; import { useQuery } from '@apollo/react-hooks';
import { makeStyles } from '@material-ui/core'; import { makeStyles } from '@material-ui/core';
import Link from '@material-ui/core/Link';
import SYSTEM_STATUS from '../gql/system_status.graphql'; import SYSTEM_STATUS from '../gql/system_status.graphql';
import WNS_RECORDS from '../gql/wns_records.graphql'; import WNS_RECORDS from '../gql/wns_records.graphql';
@ -15,6 +16,8 @@ import { useQueryStatusReducer } from '../hooks';
const CHECK_INTERVAL = 5 * 60 * 1000; const CHECK_INTERVAL = 5 * 60 * 1000;
const UPDATE_LINK = 'https://github.com/dxos/kube#updating-the-system';
const useStyles = makeStyles(theme => ({ const useStyles = makeStyles(theme => ({
update: { update: {
color: theme.palette.error.light color: theme.palette.error.light
@ -59,10 +62,13 @@ const VersionCheck = () => {
return ( return (
<> <>
{current && ( {current && (
<div>SYS: {current}</div> <div>System {current}</div>
)} )}
{latest && ( {latest && (
<div className={classes.update}>(LATEST: {latest})</div> <div className={classes.update}>
(<Link href={UPDATE_LINK} target='github' title='Updating your KUBE'>LATEST: {latest}</Link>)
</div>
)} )}
</> </>
); );