From 659215bb7ef0a333ddaa6e0268349ea2d6b587b9 Mon Sep 17 00:00:00 2001
From: apanizo <adolfo.panizo@gmail.com>
Date: Wed, 24 Oct 2018 10:03:40 +0200
Subject: [PATCH] Creating Send and Receive empty components

---
 .../safe/component/Balances/Receive/index.jsx | 40 +++++++++++++++++++
 .../safe/component/Balances/Send/index.jsx    | 40 +++++++++++++++++++
 2 files changed, 80 insertions(+)
 create mode 100644 src/routes/safe/component/Balances/Receive/index.jsx
 create mode 100644 src/routes/safe/component/Balances/Send/index.jsx

diff --git a/src/routes/safe/component/Balances/Receive/index.jsx b/src/routes/safe/component/Balances/Receive/index.jsx
new file mode 100644
index 00000000..62d23420
--- /dev/null
+++ b/src/routes/safe/component/Balances/Receive/index.jsx
@@ -0,0 +1,40 @@
+// @flow
+import * as React from 'react'
+import { withStyles } from '@material-ui/core/styles'
+import Close from '@material-ui/icons/Close'
+import IconButton from '@material-ui/core/IconButton'
+import Paragraph from '~/components/layout/Paragraph'
+import Row from '~/components/layout/Row'
+import { lg, md } from '~/theme/variables'
+
+const styles = () => ({
+  heading: {
+    padding: `${md} ${lg}`,
+    justifyContent: 'space-between',
+  },
+  manage: {
+    fontSize: '24px',
+  },
+  close: {
+    height: '35px',
+    width: '35px',
+  },
+})
+
+type Props = {
+  onClose: () => void,
+  classes: Object,
+}
+
+const Send = ({ classes, onClose }: Props) => (
+  <React.Fragment>
+    <Row align="center" grow className={classes.heading}>
+      <Paragraph className={classes.manage} noMargin>Receive Funds</Paragraph>
+      <IconButton onClick={onClose} disableRipple>
+        <Close className={classes.close} />
+      </IconButton>
+    </Row>
+  </React.Fragment>
+)
+
+export default withStyles(styles)(Send)
diff --git a/src/routes/safe/component/Balances/Send/index.jsx b/src/routes/safe/component/Balances/Send/index.jsx
new file mode 100644
index 00000000..4e89cc3c
--- /dev/null
+++ b/src/routes/safe/component/Balances/Send/index.jsx
@@ -0,0 +1,40 @@
+// @flow
+import * as React from 'react'
+import { withStyles } from '@material-ui/core/styles'
+import Close from '@material-ui/icons/Close'
+import IconButton from '@material-ui/core/IconButton'
+import Paragraph from '~/components/layout/Paragraph'
+import Row from '~/components/layout/Row'
+import { lg, md } from '~/theme/variables'
+
+const styles = () => ({
+  heading: {
+    padding: `${md} ${lg}`,
+    justifyContent: 'space-between',
+  },
+  manage: {
+    fontSize: '24px',
+  },
+  close: {
+    height: '35px',
+    width: '35px',
+  },
+})
+
+type Props = {
+  onClose: () => void,
+  classes: Object,
+}
+
+const Send = ({ classes, onClose }: Props) => (
+  <React.Fragment>
+    <Row align="center" grow className={classes.heading}>
+      <Paragraph className={classes.manage} noMargin>Send Funds</Paragraph>
+      <IconButton onClick={onClose} disableRipple>
+        <Close className={classes.close} />
+      </IconButton>
+    </Row>
+  </React.Fragment>
+)
+
+export default withStyles(styles)(Send)