WA-238 Adding Daily Limit when displaying the list of safes

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>

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> {

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>