feat: machine performance indicators

This commit is contained in:
José Oliveira 2021-07-16 03:22:47 +01:00 committed by Josh Harvey
parent 9896b44178
commit 1a166bc279
9 changed files with 189 additions and 23 deletions

View file

@ -1,5 +1,6 @@
import { useMutation } from '@apollo/react-hooks'
import { makeStyles } from '@material-ui/core/styles'
import BigNumber from 'bignumber.js'
import gql from 'graphql-tag'
import moment from 'moment'
import React, { useState } from 'react'
@ -88,6 +89,37 @@ const Overview = ({ data, onActionSuccess }) => {
<P>{makeLastPing(data.lastPing)}</P>
</div>
</div>
<div className={classes.row}>
<div className={classes.rowItem}>
<Label3 className={classes.label3}>Network speed</Label3>
<P>
{data.downloadSpeed
? new BigNumber(data.downloadSpeed).toFixed(4).toString() +
' MB/s'
: 'unavailable'}
</P>
</div>
</div>
<div className={classes.row}>
<div className={classes.rowItem}>
<Label3 className={classes.label3}>Latency</Label3>
<P>
{data.responseTime
? new BigNumber(data.responseTime).toFixed(3).toString() + ' ms'
: 'unavailable'}
</P>
</div>
</div>
<div className={classes.row}>
<div className={classes.rowItem}>
<Label3 className={classes.label3}>Loss</Label3>
<P>
{data.packetLoss
? new BigNumber(data.packetLoss).toFixed(3).toString() + ' %'
: 'unavailable'}
</P>
</div>
</div>
<div className={classes.row}>
<div className={classes.rowItem}>
{' '}