dep bump

package.json

@@ -82,7 +82,7 @@
     "react-final-form": "^4.1.0",
     "react-hot-loader": "4.8.4",
     "react-infinite-scroll-component": "^4.5.2",
-    "react-redux": "7.0.2",
+    "react-redux": "7.0.3",
     "react-router-dom": "^4.3.1",
     "recompose": "^0.30.0",
     "redux": "^4.0.1",
@@ -92,10 +92,10 @@
     "web3": "1.0.0-beta.37"
   },
   "devDependencies": {
-    "@babel/cli": "^7.0.0-beta.40",
+    "@babel/cli": "7.4.4",
-    "@babel/core": "^7.4.0",
+    "@babel/core": "7.4.4",
-    "@babel/plugin-proposal-class-properties": "^7.4.0",
+    "@babel/plugin-proposal-class-properties": "7.4.4",
-    "@babel/plugin-proposal-decorators": "^7.4.0",
+    "@babel/plugin-proposal-decorators": "7.4.4",
     "@babel/plugin-proposal-do-expressions": "^7.0.0",
     "@babel/plugin-proposal-export-default-from": "^7.0.0",
     "@babel/plugin-proposal-export-namespace-from": "^7.0.0",
@@ -103,7 +103,7 @@
     "@babel/plugin-proposal-function-sent": "^7.0.0",
     "@babel/plugin-proposal-json-strings": "^7.0.0",
     "@babel/plugin-proposal-logical-assignment-operators": "^7.0.0",
-    "@babel/plugin-proposal-nullish-coalescing-operator": "^7.0.0",
+    "@babel/plugin-proposal-nullish-coalescing-operator": "7.4.4",
     "@babel/plugin-proposal-numeric-separator": "^7.0.0",
     "@babel/plugin-proposal-optional-chaining": "^7.0.0",
     "@babel/plugin-proposal-pipeline-operator": "^7.0.0",
@@ -112,15 +112,15 @@
     "@babel/plugin-syntax-import-meta": "^7.0.0",
     "@babel/plugin-transform-member-expression-literals": "^7.2.0",
     "@babel/plugin-transform-property-literals": "^7.2.0",
-    "@babel/polyfill": "^7.4.0",
+    "@babel/polyfill": "7.4.4",
-    "@babel/preset-env": "^7.4.2",
+    "@babel/preset-env": "7.4.4",
     "@babel/preset-flow": "^7.0.0-beta.40",
     "@babel/preset-react": "^7.0.0-beta.40",
     "@sambego/storybook-state": "^1.0.7",
-    "@storybook/addon-actions": "5.0.10",
+    "@storybook/addon-actions": "5.0.11",
-    "@storybook/addon-knobs": "5.0.10",
+    "@storybook/addon-knobs": "5.0.11",
-    "@storybook/addon-links": "5.0.10",
+    "@storybook/addon-links": "5.0.11",
-    "@storybook/react": "5.0.10",
+    "@storybook/react": "5.0.11",
     "autoprefixer": "9.5.1",
     "babel-core": "^7.0.0-bridge.0",
     "babel-eslint": "^10.0.1",
@@ -136,13 +136,13 @@
     "eslint-config-airbnb": "^17.1.0",
     "eslint-plugin-flowtype": "3.6.1",
     "eslint-plugin-import": "2.17.2",
-    "eslint-plugin-jest": "^22.3.0",
+    "eslint-plugin-jest": "22.5.1",
     "eslint-plugin-jsx-a11y": "^6.0.3",
     "eslint-plugin-react": "^7.7.0",
     "ethereumjs-abi": "^0.6.7",
     "extract-text-webpack-plugin": "^4.0.0-beta.0",
     "file-loader": "^3.0.1",
-    "flow-bin": "0.97.0",
+    "flow-bin": "0.98.0",
     "fs-extra": "^7.0.1",
     "html-loader": "^0.5.5",
     "html-webpack-plugin": "^3.0.4",
@@ -158,9 +158,9 @@
     "storybook-host": "^5.0.3",
     "storybook-router": "^0.3.3",
     "style-loader": "^0.23.1",
-    "truffle": "5.0.13",
+    "truffle": "5.0.14",
-    "truffle-contract": "4.0.12",
+    "truffle-contract": "4.0.13",
-    "truffle-solidity-loader": "0.1.13",
+    "truffle-solidity-loader": "0.1.14",
     "uglifyjs-webpack-plugin": "^2.1.2",
     "webpack": "^4.1.1",
     "webpack-bundle-analyzer": "3.3.2",

src/routes/safe/components/Balances/Send/screens/ChooseTxType/index.js

@@ -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)