arno/trezor-wallet
1
0
Fork 0
mirror of https://github.com/trezor/trezor-wallet synced 2024-11-24 09:18:09 +00:00
Code Issues Releases Wiki Activity

Finished tooltips

Browse Source
This commit is contained in:
Vladimir Volek 2018-09-27 13:18:41 +02:00
parent 0130a84a2a
commit 6d9491094b
2 changed files with 11 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/components/Tooltip/index.js
View File

@ -168,11 +168,12 @@ const Wrapper = styled.div`
const Content = styled.div` const Content = styled.div`
padding-bottom: 10px; padding-bottom: 10px;
text-align: justify;
`; `;
const ContentWrapper = styled.div``; const ContentWrapper = styled.div``;
const ReadMore = styled.div` const ReadMore = styled.div`
padding: 10px 0; padding: 10px 0 5px 0;
text-align: center; text-align: center;
width: 100%; width: 100%;
color: ${colors.WHITE}; color: ${colors.WHITE};

17
src/views/Wallet/views/AccountSend/components/AdvancedForm/index.js
View File

@ -156,12 +156,13 @@ const AdvancedForm = (props: Props) => {
<Tooltip <Tooltip
content={( content={(
<React.Fragment> <React.Fragment>
Gas limit is the amount of gas to send with your transaction.<br /> Gas limit refers to the maximum amount of gas user is willing to spendon a particular transaction.{' '}
<GreenSpan>TX fee = gas price * gas limit</GreenSpan> &amp; is paid to miners for including your TX in a block.<br /> <GreenSpan>Transaction fee = gas limit * gas price</GreenSpan>.{' '}Increasing the gas limit will not get the transaction confirmed sooner.
Increasing this number will not get your TX mined faster.<br /> Default value for sending {gasLimitTooltipCurrency} is <GreenSpan>{gasLimitTooltipValue}</GreenSpan>.
Default value for sending {gasLimitTooltipCurrency} is <GreenSpan>{gasLimitTooltipValue}</GreenSpan>
</React.Fragment> </React.Fragment>
)} )}
maxWidth={410}
readMoreLink="https://wiki.trezor.io/Ethereum_Wallet#Gas_limit"
placement="top" placement="top"
> >
<Icon <Icon
@ -190,13 +191,13 @@ const AdvancedForm = (props: Props) => {
<Tooltip <Tooltip
content={( content={(
<React.Fragment> <React.Fragment>
Gas price refers to the amount of ether you are willing to pay for every Gas price refers to the amount of ether you are willing to pay for every
unit of gas, and is usually measured in “Gwei”. <GreenSpan>Transaction fee = gas limit * gas price</GreenSpan> Increasing the gas price will get the transaction confirmed sooner but unit of gas, and is usually measured in “Gwei”. <GreenSpan>Transaction fee = gas limit * gas price</GreenSpan>. Increasing the gas price will get the transaction confirmed sooner but
makes it more expensive. The recommended gas price is <GreenSpan>{recommendedGasPrice} GWEI</GreenSpan>. makes it more expensive. The recommended gas price is <GreenSpan>{recommendedGasPrice} GWEI</GreenSpan>.
</React.Fragment> </React.Fragment>
)} )}
maxWidth={400} maxWidth={400}
readMoreLink="https://wiki.trezor.io/Ethereum_Wallet#Gas_price_.28GWEI.29" readMoreLink="https://wiki.trezor.io/Ethereum_Wallet#Gas_price"
placement="top" placement="top"
> >
<Icon <Icon