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 {
+