From 40646b605e717fe3fe5a5baae6cc303c90da7fe7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?S=C3=A9rgio=20Salgado?= <sergiodiassalgado@gmail.com>
Date: Mon, 29 Mar 2021 13:33:37 +0100
Subject: [PATCH] feat: arrow button to navigate to machines on dashboard

---
 .../pages/Dashboard/SystemStatus/MachinesTable.js  | 14 ++++++++++++--
 .../Dashboard/SystemStatus/MachinesTable.styles.js |  8 ++++++++
 2 files changed, 20 insertions(+), 2 deletions(-)

diff --git a/new-lamassu-admin/src/pages/Dashboard/SystemStatus/MachinesTable.js b/new-lamassu-admin/src/pages/Dashboard/SystemStatus/MachinesTable.js
index 474c3793..cb38c36e 100644
--- a/new-lamassu-admin/src/pages/Dashboard/SystemStatus/MachinesTable.js
+++ b/new-lamassu-admin/src/pages/Dashboard/SystemStatus/MachinesTable.js
@@ -13,6 +13,7 @@ import { Status } from 'src/components/Status'
 import { Label2, TL2 } from 'src/components/typography'
 // import { ReactComponent as TxInIcon } from 'src/styling/icons/direction/cash-in.svg'
 import { ReactComponent as TxOutIcon } from 'src/styling/icons/direction/cash-out.svg'
+import { ReactComponent as MachineLinkIcon } from 'src/styling/icons/month arrows/right.svg'
 
 import styles from './MachinesTable.styles'
 
@@ -99,10 +100,19 @@ const MachinesTable = ({ machines, numToRender }) => {
               return (
                 <TableRow
                   onClick={() => redirect(machine)}
-                  className={classnames(classes.row, classes.clickableRow)}
+                  className={classnames(classes.row)}
                   key={machine.deviceId + idx}>
-                  <StyledCell align="left">
+                  <StyledCell
+                    align="left"
+                    className={classes.machineNameWrapper}>
                     <TL2>{machine.name}</TL2>
+                    <MachineLinkIcon
+                      className={classnames(
+                        classes.machineRedirectIcon,
+                        classes.clickableRow
+                      )}
+                      onClick={() => redirect(machine)}
+                    />
                   </StyledCell>
                   <StyledCell>
                     <Status status={machine.statuses[0]} />
diff --git a/new-lamassu-admin/src/pages/Dashboard/SystemStatus/MachinesTable.styles.js b/new-lamassu-admin/src/pages/Dashboard/SystemStatus/MachinesTable.styles.js
index a780b1c2..7f466583 100644
--- a/new-lamassu-admin/src/pages/Dashboard/SystemStatus/MachinesTable.styles.js
+++ b/new-lamassu-admin/src/pages/Dashboard/SystemStatus/MachinesTable.styles.js
@@ -87,6 +87,14 @@ const styles = {
     marginBottom: 0,
     padding: 0,
     textAlign: 'center'
+  },
+  machineNameWrapper: {
+    display: 'flex',
+    flexDirection: 'row',
+    alignItems: 'center'
+  },
+  machineRedirectIcon: {
+    marginLeft: 10
   }
 }