diff --git a/src/routes/safe/component/Safe/MultisigTx.jsx b/src/routes/safe/component/Safe/MultisigTx.jsx new file mode 100644 index 00000000..a70774db --- /dev/null +++ b/src/routes/safe/component/Safe/MultisigTx.jsx @@ -0,0 +1,52 @@ +// @flow +import * as React from 'react' +import { ListItem } from 'material-ui/List' +import Avatar from 'material-ui/Avatar' +import AcoountBalanceWallet from 'material-ui-icons/AccountBalanceWallet' +import Button from '~/components/layout/Button' +import ListItemText from '~/components/List/ListItemText' + +type Props = { + balance: string, + onAddTx: () => void, + onSeeTxs: () => void, +} + +export const ADD_MULTISIG_BUTTON_TEXT = 'Add' +export const SEE_MULTISIG_BUTTON_TEXT = 'TXs' + +const addStyle = { + marginRight: '10px', +} + +const DailyLimitComponent = ({ balance, onAddTx, onSeeTxs }: Props) => { + const text = `Available ${balance} ETH` + const disabled = Number(balance) <= 0 + + return ( + + + + + + + + + ) +} + +export default DailyLimitComponent diff --git a/src/routes/safe/component/Safe/index.jsx b/src/routes/safe/component/Safe/index.jsx index 0bf495bd..4a401373 100644 --- a/src/routes/safe/component/Safe/index.jsx +++ b/src/routes/safe/component/Safe/index.jsx @@ -16,6 +16,7 @@ import Balance from './Balance' import Owners from './Owners' import Confirmations from './Confirmations' import DailyLimit from './DailyLimit' +import MultisigTx from './MultisigTx' const safeIcon = require('./assets/gnosis_safe.svg') @@ -43,6 +44,18 @@ class GnoSafe extends React.PureComponent { this.setState({ component: }) } + onAddTx = () => { + const { safe } = this.props + + this.setState({ component: }) + } + + onSeeTxs = () => { + const { safe } = this.props + + this.setState({ component: }) + } + render() { const { safe, balance } = this.props const { component } = this.state @@ -56,6 +69,7 @@ class GnoSafe extends React.PureComponent {
+