zecfoundation
/
zepio
mirror of https://github.com/ZcashFoundation/zepio.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

hotfix: transaction address alignment

This commit is contained in:
George Lima 2018-12-12 18:19:45 -03:00
parent e43bf67d87
commit 5d6a0c23bf
1 changed files with 11 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
app/components/transaction-item.js
View File

@ -34,8 +34,9 @@ const TransactionTime = styled(TextComponent)`
color: ${props => props.theme.colors.inactiveItem};
`;
const Column = styled(ColumnComponent)`
const TransactionColumn = styled(ColumnComponent)`
margin-left: 10px;
margin-right: 80px;
`;
type Props = {
@ -54,14 +55,16 @@ export const TransactionItemComponent = ({
const isReceived = type === 'received';
return (
<Wrapper alignItems='center' justifyContent='space-between'>
<RowComponent alignItems='center'>
<Icon src={isReceived ? ReceivedIcon : SentIcon} alt='Transaction Type Icon' />
<Column>
<TransactionTypeLabel isReceived={isReceived} value={type} />
<TransactionTime value={dateFns.format(new Date(date), 'HH:mm')} />
</Column>
<RowComponent>
<RowComponent alignItems='center'>
<Icon src={isReceived ? ReceivedIcon : SentIcon} alt='Transaction Type Icon' />
<TransactionColumn>
<TransactionTypeLabel isReceived={isReceived} value={type} />
<TransactionTime value={dateFns.format(new Date(date), 'HH:mm')} />
</TransactionColumn>
</RowComponent>
<TextComponent value={truncateAddress(address)} align='left' />
</RowComponent>
<TextComponent value={truncateAddress(address)} align='center' />
<ColumnComponent>
<TextComponent
value={formatNumber(amount, `${isReceived ? '+' : '-'}ZEC `)}