From 2326dcdf153b5cf216d529b25dd263327a942de3 Mon Sep 17 00:00:00 2001
From: apanizo <adolfo.panizo@gmail.com>
Date: Mon, 22 Oct 2018 15:47:21 +0200
Subject: [PATCH] Implementing hover row section on Balance Table

---
 src/routes/safe/component/Balances/index.jsx | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/src/routes/safe/component/Balances/index.jsx b/src/routes/safe/component/Balances/index.jsx
index 13a9f31f..cca31aaf 100644
--- a/src/routes/safe/component/Balances/index.jsx
+++ b/src/routes/safe/component/Balances/index.jsx
@@ -77,8 +77,17 @@ const styles = theme => ({
   iconSmall: {
     fontSize: 16,
   },
+  hide: {
+    '&:hover': {
+      backgroundColor: '#fff3e2',
+    },
+    '&:hover $actions': {
+      visibility: 'initial',
+    },
+  },
   actions: {
     justifyContent: 'flex-end',
+    visibility: 'hidden',
   },
   send: {
     minWidth: '0px',
@@ -140,7 +149,7 @@ class Balances extends React.Component<Props, State> {
           data={filteredData}
         >
           {(sortedData: Array<BalanceRow>) => sortedData.map((row: any, index: number) => (
-            <TableRow tabIndex={-1} key={index}>
+            <TableRow tabIndex={-1} key={index} className={classes.hide}>
               { autoColumns.map((column: Column) => (
                 <TableCell key={column.id} numeric={column.numeric} component="th" scope="row">
                   {row[column.id]}