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

hotfix: remove border radius from transaction item

This commit is contained in:
George Lima 2018-12-13 14:19:53 -03:00
parent dd4ff196c8
commit e1b8bfc358
1 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -16,8 +16,7 @@ import formatNumber from '../utils/formatNumber';
const Wrapper = styled(RowComponent)`
background-color: ${props => props.theme.colors.cardBackgroundColor};
padding: 15px 17px;
border-radius: 7.5px;
padding: 10px 17px;
`;
const Icon = styled.img`
@ -37,9 +36,10 @@ const TransactionTime = styled(TextComponent)`
const TransactionColumn = styled(ColumnComponent)`
margin-left: 10px;
margin-right: 80px;
min-width: 60px;
`;
type Props = {
export type Transaction = {
type: 'sent' | 'received',
date: string,
address: string,
@ -51,11 +51,11 @@ const truncateAddress = (address: string) => `${address.substr(0, 20)}...${addre
export const TransactionItemComponent = ({
type, date, address, amount,
}: Props) => {
}: Transaction) => {
const isReceived = type === 'received';
return (
<Wrapper alignItems='center' justifyContent='space-between'>
<RowComponent>
<RowComponent alignItems='center'>
<RowComponent alignItems='center'>
<Icon src={isReceived ? ReceivedIcon : SentIcon} alt='Transaction Type Icon' />
<TransactionColumn>