From da1a959a94bd10052d19b4c10a48b091b81e8a18 Mon Sep 17 00:00:00 2001
From: Nikola Ubavic <53820106+ubavic@users.noreply.github.com>
Date: Tue, 7 Dec 2021 16:42:58 +0100
Subject: [PATCH] fix: show 'Unpaired device'

---
 .../src/pages/Dashboard/Alerts/AlertsTable.js        | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/new-lamassu-admin/src/pages/Dashboard/Alerts/AlertsTable.js b/new-lamassu-admin/src/pages/Dashboard/Alerts/AlertsTable.js
index 22429bee..6b88bd38 100644
--- a/new-lamassu-admin/src/pages/Dashboard/Alerts/AlertsTable.js
+++ b/new-lamassu-admin/src/pages/Dashboard/Alerts/AlertsTable.js
@@ -31,6 +31,15 @@ const AlertsTable = ({ numToRender, alerts, machines }) => {
   const history = useHistory()
   const classes = useStyles()
   const alertsToRender = R.slice(0, numToRender, alerts)
+
+  const alertMessage = alert => {
+    const deviceId = alert.detail.deviceId
+    if (!deviceId) return `${alert.message}`
+
+    const deviceName = R.defaultTo('Unpaired device', machines[deviceId])
+    return `${alert.message} - ${deviceName}`
+  }
+
   return (
     <List dense className={classes.table}>
       {alertsToRender.map((alert, idx) => {
@@ -39,8 +48,7 @@ const AlertsTable = ({ numToRender, alerts, machines }) => {
             {icons[alert.type] || (
               <Wrench style={{ height: 23, width: 23, marginRight: 8 }} />
             )}
-            <P className={classes.listItemText}>{`${alert.message}${alert.detail
-              .deviceId && ' - ' + machines[alert.detail.deviceId]}`}</P>
+            <P className={classes.listItemText}>{alertMessage(alert)}</P>
             <LinkIcon
               className={classes.linkIcon}
               onClick={() => history.push(links[alert.type] || '/dashboard')}