|
|
|
@ -132,6 +132,10 @@ const StyledLink = styled(Link)`
|
|
|
|
|
|
|
|
|
|
const StyledIcon = styled(Icon)`
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
padding-right: 1px;
|
|
|
|
|
`;
|
|
|
|
|
|
|
|
|
|
const TooltipContainer = styled.div`
|
|
|
|
|
margin-left: 6px;
|
|
|
|
|
`;
|
|
|
|
|
|
|
|
|
@ -183,6 +187,7 @@ const AdvancedForm = (props: Props) => {
|
|
|
|
|
<InputLabelWrapper>
|
|
|
|
|
<Left>
|
|
|
|
|
<FormattedMessage {...l10nMessages.TR_GAS_LIMIT} />
|
|
|
|
|
<TooltipContainer>
|
|
|
|
|
<Tooltip
|
|
|
|
|
content={
|
|
|
|
|
<FormattedMessage
|
|
|
|
@ -196,7 +201,9 @@ const AdvancedForm = (props: Props) => {
|
|
|
|
|
</GreenSpan>
|
|
|
|
|
),
|
|
|
|
|
gasLimitTooltipValue: (
|
|
|
|
|
<GreenSpan>{gasLimitTooltipValue}</GreenSpan>
|
|
|
|
|
<GreenSpan>
|
|
|
|
|
{gasLimitTooltipValue}
|
|
|
|
|
</GreenSpan>
|
|
|
|
|
),
|
|
|
|
|
gasLimitTooltipCurrency,
|
|
|
|
|
}}
|
|
|
|
@ -205,7 +212,9 @@ const AdvancedForm = (props: Props) => {
|
|
|
|
|
maxWidth={410}
|
|
|
|
|
ctaLink="https://wiki.trezor.io/Ethereum_Wallet#Gas_limit"
|
|
|
|
|
ctaText={
|
|
|
|
|
<FormattedMessage {...l10nCommonMessages.TR_LEARN_MORE} />
|
|
|
|
|
<FormattedMessage
|
|
|
|
|
{...l10nCommonMessages.TR_LEARN_MORE}
|
|
|
|
|
/>
|
|
|
|
|
}
|
|
|
|
|
placement="top"
|
|
|
|
|
>
|
|
|
|
@ -215,6 +224,7 @@ const AdvancedForm = (props: Props) => {
|
|
|
|
|
size={12}
|
|
|
|
|
/>
|
|
|
|
|
</Tooltip>
|
|
|
|
|
</TooltipContainer>
|
|
|
|
|
</Left>
|
|
|
|
|
{showDefaultGasLimitButton && (
|
|
|
|
|
<Right>
|
|
|
|
@ -245,6 +255,7 @@ const AdvancedForm = (props: Props) => {
|
|
|
|
|
<InputLabelWrapper>
|
|
|
|
|
<Left>
|
|
|
|
|
<FormattedMessage {...l10nMessages.TR_GAS_PRICE} />
|
|
|
|
|
<TooltipContainer>
|
|
|
|
|
<Tooltip
|
|
|
|
|
content={
|
|
|
|
|
<FormattedMessage
|
|
|
|
@ -266,7 +277,9 @@ const AdvancedForm = (props: Props) => {
|
|
|
|
|
maxWidth={400}
|
|
|
|
|
ctaLink="https://wiki.trezor.io/Ethereum_Wallet#Gas_price"
|
|
|
|
|
ctaText={
|
|
|
|
|
<FormattedMessage {...l10nCommonMessages.TR_LEARN_MORE} />
|
|
|
|
|
<FormattedMessage
|
|
|
|
|
{...l10nCommonMessages.TR_LEARN_MORE}
|
|
|
|
|
/>
|
|
|
|
|
}
|
|
|
|
|
placement="top"
|
|
|
|
|
>
|
|
|
|
@ -276,6 +289,7 @@ const AdvancedForm = (props: Props) => {
|
|
|
|
|
size={12}
|
|
|
|
|
/>
|
|
|
|
|
</Tooltip>
|
|
|
|
|
</TooltipContainer>
|
|
|
|
|
</Left>
|
|
|
|
|
</InputLabelWrapper>
|
|
|
|
|
}
|
|
|
|
@ -290,9 +304,12 @@ const AdvancedForm = (props: Props) => {
|
|
|
|
|
<InputLabelWrapper>
|
|
|
|
|
<Left>
|
|
|
|
|
<FormattedMessage {...l10nMessages.TR_DATA} />
|
|
|
|
|
<TooltipContainer>
|
|
|
|
|
<Tooltip
|
|
|
|
|
content={
|
|
|
|
|
<FormattedMessage {...l10nMessages.TR_DATA_IS_USUALLY_USED} />
|
|
|
|
|
<FormattedMessage
|
|
|
|
|
{...l10nMessages.TR_DATA_IS_USUALLY_USED}
|
|
|
|
|
/>
|
|
|
|
|
}
|
|
|
|
|
placement="top"
|
|
|
|
|
>
|
|
|
|
@ -302,6 +319,7 @@ const AdvancedForm = (props: Props) => {
|
|
|
|
|
size={12}
|
|
|
|
|
/>
|
|
|
|
|
</Tooltip>
|
|
|
|
|
</TooltipContainer>
|
|
|
|
|
</Left>
|
|
|
|
|
</InputLabelWrapper>
|
|
|
|
|
}
|
|
|
|
|