Send: Advanced form tooltips

pull/2/merge
Szymon Lesisz 6 years ago
parent f3ccc617f5
commit af26e0f55c

@ -24,6 +24,7 @@ const AdvancedForm = (props: Props) => {
currency, currency,
gasPrice, gasPrice,
gasLimit, gasLimit,
recommendedGasPrice,
calculatingGasLimit, calculatingGasLimit,
nonce, nonce,
data, data,
@ -50,16 +51,26 @@ const AdvancedForm = (props: Props) => {
const nonceTooltip = ( const nonceTooltip = (
<div className="tooltip-wrapper"> <div className="tooltip-wrapper">
Nonce is.....<br/> TODO<br/>
</div> </div>
); );
let gasLimitTooltipCurrency: string;
let gasLimitTooltipValue: string;
if (networkSymbol !== currency) {
gasLimitTooltipCurrency = 'tokens';
gasLimitTooltipValue = network.defaultGasLimitTokens;
} else {
gasLimitTooltipCurrency = networkSymbol;
gasLimitTooltipValue = network.defaultGasLimit;
}
const gasLimitTooltip = ( const gasLimitTooltip = (
<div className="tooltip-wrapper"> <div className="tooltip-wrapper">
Gas limit is the amount of gas to send with your transaction.<br/> Gas limit is the amount of gas to send with your transaction.<br/>
<span>TX fee = gas price * gas limit</span> &amp; is paid to miners for including your TX in a block.<br/> <span>TX fee = gas price * gas limit</span> &amp; is paid to miners for including your TX in a block.<br/>
Increasing this number will not get your TX mined faster.<br/> Increasing this number will not get your TX mined faster.<br/>
Default value for sending ETH is <span>{ gasLimit } WEI.</span> Default value for sending { gasLimitTooltipCurrency } is <span>{ gasLimitTooltipValue }</span>
</div> </div>
); );
@ -67,7 +78,7 @@ const AdvancedForm = (props: Props) => {
<div className="tooltip-wrapper"> <div className="tooltip-wrapper">
Gas Price is the amount you pay per unit of gas.<br/> Gas Price is the amount you pay per unit of gas.<br/>
<span>TX fee = gas price * gas limit</span> &amp; is paid to miners for including your TX in a block.<br/> <span>TX fee = gas price * gas limit</span> &amp; is paid to miners for including your TX in a block.<br/>
Higher the gas price = faster transaction, but more expensive. Default is <span>{ gasPrice } GWEI.</span><br/> Higher the gas price = faster transaction, but more expensive. Recommended is <span>{ recommendedGasPrice } GWEI.</span><br/>
<a className="green" href="https://myetherwallet.github.io/knowledge-base/gas/what-is-gas-ethereum.html" target="_blank" rel="noreferrer noopener">Read more</a> <a className="green" href="https://myetherwallet.github.io/knowledge-base/gas/what-is-gas-ethereum.html" target="_blank" rel="noreferrer noopener">Read more</a>
</div> </div>
); );

Loading…
Cancel
Save