diff --git a/new-lamassu-admin/src/components/machineActions/MachineActions.js b/new-lamassu-admin/src/components/machineActions/MachineActions.js index 815d8e90..06c1d6b1 100644 --- a/new-lamassu-admin/src/components/machineActions/MachineActions.js +++ b/new-lamassu-admin/src/components/machineActions/MachineActions.js @@ -5,6 +5,7 @@ import React, { memo, useState } from 'react' import { ConfirmDialog } from 'src/components/ConfirmDialog' import ActionButton from 'src/components/buttons/ActionButton' +import { H3 } from 'src/components/typography' import { ReactComponent as EditReversedIcon } from 'src/styling/icons/button/edit/white.svg' import { ReactComponent as EditIcon } from 'src/styling/icons/button/edit/zodiac.svg' import { ReactComponent as RebootReversedIcon } from 'src/styling/icons/button/reboot/white.svg' @@ -62,12 +63,6 @@ const getState = machineEventsLazy => JSON.parse(machineEventsLazy.machine.latestEvent?.note ?? '{"state": null}') .state -const Label = ({ children }) => { - const classes = useStyles() - - return
{children}
-} - const MachineActions = memo(({ machine, onActionSuccess }) => { const [action, setAction] = useState({ command: null }) const [preflightOptions, setPreflightOptions] = useState({}) @@ -115,7 +110,7 @@ const MachineActions = memo(({ machine, onActionSuccess }) => { return (
- +

Actions

{ elements.push({ name: 'edit', header: 'Edit', - width: 87, + width: widthsByNumberOfCassettes[numberOfCassettes].editWidth, view: () => { return ( { { name: 'fixedFee', display: 'Fixed fee', - width: 144, + width: 155, doubleHeader: 'Cash-in only', textAlign: 'right', suffix: currency @@ -57,7 +57,7 @@ const getOverridesFields = currency => { { name: 'minimumTx', display: 'Minimun Tx', - width: 144, + width: 155, doubleHeader: 'Cash-in only', textAlign: 'right', suffix: currency diff --git a/new-lamassu-admin/src/pages/Machines/MachineComponents/Details.js b/new-lamassu-admin/src/pages/Machines/MachineComponents/Details.js index e3b5811e..ae0e3be2 100644 --- a/new-lamassu-admin/src/pages/Machines/MachineComponents/Details.js +++ b/new-lamassu-admin/src/pages/Machines/MachineComponents/Details.js @@ -2,6 +2,7 @@ import { makeStyles } from '@material-ui/core/styles' import React from 'react' import { Label3, P } from 'src/components/typography' +import { modelPrettifier } from 'src/utils/machine' import { formatDate } from 'src/utils/timezones' import styles from '../Machines.styles' @@ -21,7 +22,7 @@ const Details = ({ data, timezone }) => {
Machine model -

{data.model}

+

{modelPrettifier[data.model]}

Software version diff --git a/new-lamassu-admin/src/pages/Machines/MachineComponents/Overview.js b/new-lamassu-admin/src/pages/Machines/MachineComponents/Overview.js index 36b6b5df..a2504a37 100644 --- a/new-lamassu-admin/src/pages/Machines/MachineComponents/Overview.js +++ b/new-lamassu-admin/src/pages/Machines/MachineComponents/Overview.js @@ -5,7 +5,7 @@ import React from 'react' import { Status } from 'src/components/Status' import MachineActions from 'src/components/machineActions/MachineActions' -import { H3, Label3, P } from 'src/components/typography' +import { H3, Label1, P } from 'src/components/typography' import CopyToClipboard from 'src/pages/Transactions/CopyToClipboard.js' import styles from '../Machines.styles' @@ -15,7 +15,7 @@ const Overview = ({ data, onActionSuccess }) => { const classes = useStyles() return ( - <> +

{data.name}

@@ -23,14 +23,22 @@ const Overview = ({ data, onActionSuccess }) => {
- Status + Status {data && data.statuses ? : null}
- Last ping -

+ Ping +

+ {data.responseTime + ? new BigNumber(data.responseTime).toFixed(3).toString() + ' ms' + : 'unavailable'} +

+
+
+ Last ping +

{data.lastPing ? formatDistance(new Date(data.lastPing), new Date(), { addSuffix: true @@ -38,11 +46,9 @@ const Overview = ({ data, onActionSuccess }) => { : 'unknown'}

-
-
- Network speed -

+ Network speed +

{data.downloadSpeed ? new BigNumber(data.downloadSpeed).toFixed(4).toString() + ' MB/s' @@ -50,22 +56,22 @@ const Overview = ({ data, onActionSuccess }) => {

-
- -
- Device ID -

+ Device ID +

{data.deviceId}

- +
+ +
+
) } diff --git a/new-lamassu-admin/src/pages/Machines/Machines.styles.js b/new-lamassu-admin/src/pages/Machines/Machines.styles.js index d338147d..2a524939 100644 --- a/new-lamassu-admin/src/pages/Machines/Machines.styles.js +++ b/new-lamassu-admin/src/pages/Machines/Machines.styles.js @@ -21,7 +21,8 @@ const styles = { }, label3: { color: comet, - marginTop: 0 + marginTop: 0, + fontSize: 12 }, row: { display: 'flex', @@ -51,6 +52,14 @@ const styles = { sidebarContainer: { height: 400, overflowY: 'auto' + }, + contentContainer: { + '& > *': { + marginTop: 26 + }, + '& > *:first-child': { + marginTop: 0 + } } } diff --git a/new-lamassu-admin/src/utils/machine.js b/new-lamassu-admin/src/utils/machine.js index b4e89845..3c6f0864 100644 --- a/new-lamassu-admin/src/utils/machine.js +++ b/new-lamassu-admin/src/utils/machine.js @@ -1,7 +1,8 @@ const modelPrettifier = { douro1: 'Douro', sintra: 'Sintra', - gaia: 'Gaia' + gaia: 'Gaia', + tejo: 'Tejo' } export { modelPrettifier }