feat: transactions page polling

feat: DataTable row aware of data to trigger expansion

fix: polling interval

new-lamassu-admin/src/components/tables/DataTable.js

@@ -54,7 +54,7 @@ const Row = ({
           size={size}
           className={classnames(trClasses)}
           onClick={() => {
-            expandable && expandRow(id)
+            expandable && expandRow(id, data)
             onClick && onClick(data)
           }}
           error={data.error}
@@ -67,7 +67,7 @@ const Row = ({
           {expandable && (
             <Td width={expWidth} textAlign="center">
               <button
-                onClick={() => expandRow(id)}
+                onClick={() => expandRow(id, data)}
                 className={classes.expandButton}>
                 {expanded && <ExpandOpenIcon />}
                 {!expanded && <ExpandClosedIcon />}
@@ -112,10 +112,15 @@ const DataTable = ({
 
   const classes = useStyles({ width })
 
-  const expandRow = id => {
+  const expandRow = (id, data) => {
+    if (data.id) {
+      cache.clear(data.id)
+      setExpanded(data.id === expanded ? null : data.id)
+    } else {
       cache.clear(id)
       setExpanded(id === expanded ? null : id)
     }
+  }
 
   const cache = new CellMeasurerCache({
     defaultHeight: 58,
@@ -135,12 +140,16 @@ const DataTable = ({
             <Row
               width={width}
               size={rowSize}
-              id={index}
+              id={data[index].id ? data[index].id : index}
               expWidth={expWidth}
               elements={elements}
               data={data[index]}
               Details={Details}
-              expanded={index === expanded}
+              expanded={
+                data[index].id
+                  ? data[index].id === expanded
+                  : index === expanded
+              }
               expandRow={expandRow}
               expandable={expandable}
               onClick={onClick}

new-lamassu-admin/src/pages/Transactions/Transactions.js

@@ -68,7 +68,8 @@ const Transactions = () => {
   const { data: txResponse, loading } = useQuery(GET_TRANSACTIONS, {
     variables: {
       limit: NUM_LOG_RESULTS
-    }
+    },
+    pollInterval: 10000
   })
 
   const redirect = customerId => {