diff --git a/src/routes/safe/components/Balances/SendModal/screens/SendCustomTx/index.jsx b/src/routes/safe/components/Balances/SendModal/screens/SendCustomTx/index.jsx new file mode 100644 index 00000000..39b9a025 --- /dev/null +++ b/src/routes/safe/components/Balances/SendModal/screens/SendCustomTx/index.jsx @@ -0,0 +1,124 @@ +// @flow +import 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 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 Field from '~/components/forms/Field' +import TextField from '~/components/forms/TextField' +import TextareaField from '~/components/forms/TextareaField' +import { + composeValidators, + required, + mustBeEthereumAddress, +} from '~/components/forms/validator' +import SafeInfo from '~/routes/safe/components/Balances/SendModal/SafeInfo' +import ArrowDown from '../assets/arrow-down.svg' +import { styles } from './style' + +type Props = { + onClose: () => void, + classes: Object, + safeAddress: string, + etherScanLink: string, + safeName: string, + ethBalance: string, + onSubmit: Function, + initialValues: Object, +} + +const SendCustomTx = ({ + classes, + onClose, + safeAddress, + etherScanLink, + safeName, + ethBalance, + onSubmit, + initialValues, +}: Props) => { + const handleSubmit = (values) => { + onSubmit(values) + } + + const formMutators = {} + + return ( + + + + Send custom transactions + + 1 of 2 + + + + + + + + + + Arrow Down + + + + + + + {() => ( + + + + + + + + + + + + + + + + + + )} + + + + ) +} + +export default withStyles(styles)(SendCustomTx)