From 46e96c70261ce45d1ec2de9ef63a7a8fdccf7e5a Mon Sep 17 00:00:00 2001
From: mmv <mmvsha73@gmail.com>
Date: Thu, 23 May 2019 17:02:17 +0400
Subject: [PATCH] add buttons in sendfunds

---
 .../SendModal/screens/SendFunds/index.jsx     | 23 +++++++++++++++++--
 .../SendModal/screens/SendFunds/style.js      |  4 ++++
 2 files changed, 25 insertions(+), 2 deletions(-)

diff --git a/src/routes/safe/components/Balances/SendModal/screens/SendFunds/index.jsx b/src/routes/safe/components/Balances/SendModal/screens/SendFunds/index.jsx
index b129c488..56b4a488 100644
--- a/src/routes/safe/components/Balances/SendModal/screens/SendFunds/index.jsx
+++ b/src/routes/safe/components/Balances/SendModal/screens/SendFunds/index.jsx
@@ -10,6 +10,7 @@ import Paragraph from '~/components/layout/Paragraph'
 import Row from '~/components/layout/Row'
 import GnoForm from '~/components/forms/GnoForm'
 import Col from '~/components/layout/Col'
+import Button from '~/components/layout/Button'
 import Block from '~/components/layout/Block'
 import Hairline from '~/components/layout/Hairline'
 import ButtonLink from '~/components/layout/ButtonLink'
@@ -41,9 +42,18 @@ type Props = {
 }
 
 const SendFunds = ({
-  classes, onClose, safeAddress, etherScanLink, safeName, ethBalance, tokens, selectedToken,
+  classes,
+  onClose,
+  safeAddress,
+  etherScanLink,
+  safeName,
+  ethBalance,
+  tokens,
+  selectedToken,
 }: Props) => {
-  const handleSubmit = () => {}
+  const handleSubmit = (values) => {
+    console.log(values)
+  }
   const formMutators = {
     setMax: (args, state, utils) => {
       const { token } = state.formState.values
@@ -140,6 +150,15 @@ const SendFunds = ({
                     </OnChange>
                   </Col>
                 </Row>
+                <Hairline />
+                <Row align="center" className={classes.buttonRow}>
+                  <Button className={classes.button} minWidth={140} onClick={onClose}>
+                    Cancel
+                  </Button>
+                  <Button type="submit" className={classes.button} variant="contained" minWidth={140} color="primary">
+                    Review
+                  </Button>
+                </Row>
               </React.Fragment>
             )
           }}
diff --git a/src/routes/safe/components/Balances/SendModal/screens/SendFunds/style.js b/src/routes/safe/components/Balances/SendModal/screens/SendFunds/style.js
index a0199575..ba819988 100644
--- a/src/routes/safe/components/Balances/SendModal/screens/SendFunds/style.js
+++ b/src/routes/safe/components/Balances/SendModal/screens/SendFunds/style.js
@@ -18,4 +18,8 @@ export const styles = () => ({
   formContainer: {
     padding: `${md} ${lg}`,
   },
+  buttonRow: {
+    height: '84px',
+    justifyContent: 'center',
+  },
 })