diff --git a/new-lamassu-admin/src/pages/Maintenance/MachineStatus.js b/new-lamassu-admin/src/pages/Maintenance/MachineStatus.js index e2f5fe4b..bfb78175 100644 --- a/new-lamassu-admin/src/pages/Maintenance/MachineStatus.js +++ b/new-lamassu-admin/src/pages/Maintenance/MachineStatus.js @@ -4,12 +4,13 @@ import gql from 'graphql-tag' import moment from 'moment' import * as R from 'ramda' import React from 'react' -import { useLocation } from 'react-router-dom' +import { useHistory, useLocation } from 'react-router-dom' import { MainStatus } from 'src/components/Status' import Title from 'src/components/Title' import DataTable from 'src/components/tables/DataTable' import { mainStyles } from 'src/pages/Transactions/Transactions.styles' +import { ReactComponent as MachineRedirectIcon } from 'src/styling/icons/month arrows/right.svg' import { ReactComponent as WarningIcon } from 'src/styling/icons/status/pumpkin.svg' import { ReactComponent as ErrorIcon } from 'src/styling/icons/status/tomato.svg' @@ -41,6 +42,7 @@ const useStyles = makeStyles(mainStyles) const MachineStatus = () => { const classes = useStyles() + const history = useHistory() const { state } = useLocation() const addedMachineId = state?.id const { data: machinesResponse, refetch, loading } = useQuery(GET_MACHINES) @@ -51,7 +53,20 @@ const MachineStatus = () => { width: 250, size: 'sm', textAlign: 'left', - view: m => m.name + view: m => ( +
+ {m.name} +
{ + history.push(`/machines/${m.deviceId}`, { + selectedMachine: m.name + }) + }}> + +
+
+ ) }, { header: 'Status', diff --git a/new-lamassu-admin/src/pages/Transactions/Transactions.styles.js b/new-lamassu-admin/src/pages/Transactions/Transactions.styles.js index b1cb97a2..c61b4cde 100644 --- a/new-lamassu-admin/src/pages/Transactions/Transactions.styles.js +++ b/new-lamassu-admin/src/pages/Transactions/Transactions.styles.js @@ -92,6 +92,16 @@ const mainStyles = { }, customerLinkIcon: { marginLeft: 2 + }, + flexRow: { + display: 'flex', + flexDirection: 'row', + alignItems: 'center' + }, + machineRedirectContainer: { + marginLeft: 10, + paddingLeft: 5, + paddingRight: 5 } }