1
0
mirror of https://github.com/trezor/trezor-wallet synced 2024-11-24 01:08:27 +00:00

summary tx history link

This commit is contained in:
Szymon Lesisz 2018-05-10 16:39:52 +02:00
parent 160bd31c57
commit 898c61dc7f
4 changed files with 45 additions and 17 deletions

View File

@ -38,17 +38,19 @@ const _render = (props: Props, state: AccountState): React$Element<string> => {
const abstractAccount = props.abstractAccount;
const tokens = findAccountTokens(props.tokens, account);
const explorerLink: string = `${abstractAccount.coin.explorer.address}${account.address}`;
return (
<section className="summary">
{ deviceStatusNotification }
<h2 className={ `summary-header ${abstractAccount.network}` }>Address #{ parseInt(abstractAccount.index) + 1 }</h2>
<h2 className={ `summary-header ${abstractAccount.network}` }>
Address #{ parseInt(abstractAccount.index) + 1 }
<a href={ explorerLink } className="gray" target="_blank" rel="noreferrer noopener">See full transaction history</a>
</h2>
<SummaryDetails
explorer={ `${abstractAccount.coin.explorer.address}${account.address}` }
coin={ abstractAccount.coin }
summary={ props.summary }
balance={ account.balance }

View File

@ -7,7 +7,6 @@ import BigNumber from 'bignumber.js';
import type { Props as BaseProps } from './index';
type Props = {
explorer: string,
coin: $PropertyType<$ElementType<BaseProps, 'abstractAccount'>, 'coin'>,
summary: $ElementType<BaseProps, 'summary'>,
balance: string,
@ -63,7 +62,6 @@ const SummaryDetails = (props: Props): ?React$Element<string> => {
return (
<div className="summary-details opened">
<div className="toggle" onClick={ props.onToggle }></div>
<a href={ props.explorer } className="green" target="_blank" rel="noreferrer noopener">See full transaction history</a>
<div className="content">
{ balanceColumn }
{ rateColumn }

View File

@ -272,3 +272,29 @@ a.green:visited {
}
}
}
a.gray,
a.gray:visited {
position: relative;
color: @color_text_secondary;
.hover();
&:after {
content: '';
position: absolute;
width: 100%;
border-top: 1px solid @color_text_secondary;
line-height: 1px;
left: 0px;
bottom: -1px;
transition: border-color 0.3s;
}
&:hover,
&:active {
color: @color_text_primary;
&:after {
border-color: transparent;
}
}
}

View File

@ -9,25 +9,28 @@
width: 32px;
height: 22px;
background-repeat: no-repeat;
background-size: 20px 20px;
background-size: auto 20px;
}
&.ropsten:before {
background-image: url('../images/ropsten-logo.png');
background-size: auto 20px;
}
&.ethereum:before {
background-image: url('../images/eth-logo.png');
background-size: auto 20px;
}
&.rinkeby:before {
background-image: url('../images/rinkeby-logo.png');
background-size: auto 20px;
}
&.ethereum-classic:before {
background-image: url('../images/etc-logo.png');
background-size: auto 20px;
}
&.ropsten:before {
background-image: url('../images/ropsten-logo.png');
}
&.rinkeby:before {
background-image: url('../images/rinkeby-logo.png');
}
a {
font-size: 12px;
margin-left: auto;
white-space: nowrap;
}
}
.token-select {
@ -67,7 +70,6 @@
.content {
display: flex;
padding-bottom: 32px;
padding-top: 24px;
.column {
margin-right: 48px;