add icons to buttonrow in expanded tx view

This commit is contained in:
Mikhail Mikheev 2019-07-02 17:20:38 +04:00
parent d0d542e82a
commit 3aea531b61
2 changed files with 13 additions and 2 deletions

View File

@ -1,8 +1,8 @@
// @flow
import * as React from 'react'
import { withStyles } from '@material-ui/core/styles'
import Block from '~/components/layout/Block'
import Dot from '@material-ui/icons/FiberManualRecord'
import Block from '~/components/layout/Block'
import Img from '~/components/layout/Img'
import { fancy, border, warning } from '~/theme/variables'

View File

@ -1,9 +1,11 @@
// @flow
import React from 'react'
import { withStyles } from '@material-ui/core/styles'
import EditIcon from '@material-ui/icons/Edit'
import BlockIcon from '@material-ui/icons/Block'
import Row from '~/components/layout/Row'
import Button from '~/components/layout/Button'
import { lg } from '~/theme/variables'
import { sm, lg } from '~/theme/variables'
type Props = {
onTxConfirm: Function,
@ -23,14 +25,23 @@ const styles = () => ({
marginLeft: lg,
},
},
icon: {
width: '14px',
height: '14px',
marginRight: sm,
},
})
const ButtonRow = ({ classes, onTxCancel, onTxConfirm }: Props) => (
<Row align="center" className={classes.buttonRow}>
<Button className={classes.button} variant="contained" minWidth={140} color="secondary" onClick={onTxCancel}>
<BlockIcon className={classes.icon} />
{' '}
Cancel TX
</Button>
<Button className={classes.button} variant="contained" minWidth={140} color="primary" onClick={onTxConfirm}>
<EditIcon className={classes.icon} />
{' '}
Confirm TX
</Button>
</Row>