From 45a5d1c4091e6db95d3b0058db5aab66b1c1653d Mon Sep 17 00:00:00 2001
From: apanizo <adolfo.panizo@gmail.com>
Date: Tue, 5 Jun 2018 13:36:26 +0200
Subject: [PATCH] WA-235 Adding button Edit on confirmations section in Safe's
 view

---
 src/routes/safe/component/Safe/Confirmations.jsx | 13 ++++++++++++-
 src/routes/safe/component/Safe/index.jsx         |  2 +-
 2 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/src/routes/safe/component/Safe/Confirmations.jsx b/src/routes/safe/component/Safe/Confirmations.jsx
index 91c192d9..faf23d45 100644
--- a/src/routes/safe/component/Safe/Confirmations.jsx
+++ b/src/routes/safe/component/Safe/Confirmations.jsx
@@ -4,12 +4,16 @@ import { ListItem } from 'material-ui/List'
 import Avatar from 'material-ui/Avatar'
 import DoneAll from 'material-ui-icons/DoneAll'
 import ListItemText from '~/components/List/ListItemText'
+import Button from '~/components/layout/Button'
 
 type Props = {
   confirmations: number,
+  onEditThreshold: () => void,
 }
 
-const Confirmations = ({ confirmations }: Props) => (
+const EDIT_THRESHOLD_BUTTON_TEXT = 'EDIT'
+
+const Confirmations = ({ confirmations, onEditThreshold }: Props) => (
   <ListItem>
     <Avatar>
       <DoneAll />
@@ -19,6 +23,13 @@ const Confirmations = ({ confirmations }: Props) => (
       secondary={`${confirmations} required confirmations per transaction`}
       cut
     />
+    <Button
+      variant="raised"
+      color="primary"
+      onClick={onEditThreshold}
+    >
+      {EDIT_THRESHOLD_BUTTON_TEXT}
+    </Button>
   </ListItem>
 )
 
diff --git a/src/routes/safe/component/Safe/index.jsx b/src/routes/safe/component/Safe/index.jsx
index 8e88fff2..4cb26bd7 100644
--- a/src/routes/safe/component/Safe/index.jsx
+++ b/src/routes/safe/component/Safe/index.jsx
@@ -69,7 +69,7 @@ class GnoSafe extends React.PureComponent<SafeProps, State> {
           <List style={listStyle}>
             <Balance balance={balance} />
             <Owners owners={safe.owners} />
-            <Confirmations confirmations={safe.get('confirmations')} />
+            <Confirmations confirmations={safe.get('confirmations')} onEditThreshold={() => {}} />
             <Address address={safe.get('address')} />
             <DailyLimit balance={balance} dailyLimit={safe.get('dailyLimit')} onWithdrawn={this.onWithdrawn} />
             <MultisigTx balance={balance} onAddTx={this.onAddTx} onSeeTxs={this.onListTransactions} />