From 69a486a66f3527b27995ccad3c1a2dd0ebc08a4c Mon Sep 17 00:00:00 2001
From: apanizo <adolfo.panizo@gmail.com>
Date: Fri, 27 Apr 2018 15:16:04 +0200
Subject: [PATCH] WA-238 Adding Daily Limit when displaying the list of safes

---
 src/routes/safe/component/Safe/Owners.jsx    |  2 +-
 src/routes/safe/component/Safe/index.jsx     |  1 +
 src/routes/safeList/components/SafeTable.jsx | 10 ++++++----
 3 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/src/routes/safe/component/Safe/Owners.jsx b/src/routes/safe/component/Safe/Owners.jsx
index e552beb1..e4801fb0 100644
--- a/src/routes/safe/component/Safe/Owners.jsx
+++ b/src/routes/safe/component/Safe/Owners.jsx
@@ -39,7 +39,7 @@ const Owners = openHoc(({
     <Collapse in={open} timeout="auto" unmountOnExit>
       <List component="div" disablePadding>
         {owners.map(owner => (
-          <ListItem key={owner.address} button className={classes.nested}>
+          <ListItem key={owner.address} className={classes.nested}>
             <ListItemIcon>
               <Person />
             </ListItemIcon>
diff --git a/src/routes/safe/component/Safe/index.jsx b/src/routes/safe/component/Safe/index.jsx
index dab8c26e..442373e5 100644
--- a/src/routes/safe/component/Safe/index.jsx
+++ b/src/routes/safe/component/Safe/index.jsx
@@ -21,6 +21,7 @@ type SafeProps = {
 
 const listStyle = {
   width: '100%',
+  minWidth: '485px',
 }
 
 class GnoSafe extends React.PureComponent<SafeProps> {
diff --git a/src/routes/safeList/components/SafeTable.jsx b/src/routes/safeList/components/SafeTable.jsx
index 9b1c97d8..ed7e825c 100644
--- a/src/routes/safeList/components/SafeTable.jsx
+++ b/src/routes/safeList/components/SafeTable.jsx
@@ -19,6 +19,7 @@ const SafeTable = ({ safes }: Props) => (
         <TableCell>Deployed Address</TableCell>
         <TableCell numeric>Confirmations</TableCell>
         <TableCell numeric>Number of owners</TableCell>
+        <TableCell numeric>Daily Limit</TableCell>
       </TableRow>
     </TableHead>
     <TableBody>
@@ -29,10 +30,11 @@ const SafeTable = ({ safes }: Props) => (
               <Button variant="raised" size="small" color="primary">Open</Button>
             </Link>
           </TableCell>
-          <TableCell padding="none">{safe.name}</TableCell>
-          <TableCell padding="none">{safe.address}</TableCell>
-          <TableCell padding="none" numeric>{safe.confirmations}</TableCell>
-          <TableCell padding="none" numeric>{safe.owners.count()}</TableCell>
+          <TableCell padding="none">{safe.get('name')}</TableCell>
+          <TableCell padding="none">{safe.get('address')}</TableCell>
+          <TableCell padding="none" numeric>{safe.get('confirmations')}</TableCell>
+          <TableCell padding="none" numeric>{safe.get('owners').count()}</TableCell>
+          <TableCell padding="none" numeric>{`${safe.get('dailyLimit')} ETH`}</TableCell>
         </TableRow>
       ))}
     </TableBody>