fix tooltip call to action button

pull/460/head
slowbackspace 5 years ago
parent 5df3490f97
commit e913701f47

@ -147,7 +147,8 @@ class WalletType extends PureComponent<Props> {
content={this.props.intl.formatMessage( content={this.props.intl.formatMessage(
l10nMessages.TR_PASSPHRASE_IS_OPTIONAL_FEATURE l10nMessages.TR_PASSPHRASE_IS_OPTIONAL_FEATURE
)} )}
readMoreLink="https://wiki.trezor.io/Passphrase" ctaLink="https://wiki.trezor.io/Passphrase"
ctaText={<FormattedMessage {...l10nCommonMessages.TR_LEARN_MORE} />}
> >
<StyledIcon icon={icons.HELP} color={colors.TEXT_SECONDARY} size={16} /> <StyledIcon icon={icons.HELP} color={colors.TEXT_SECONDARY} size={16} />
</Tooltip> </Tooltip>

@ -14,6 +14,7 @@ import {
} from 'trezor-ui-components'; } from 'trezor-ui-components';
import { FONT_SIZE } from 'config/variables'; import { FONT_SIZE } from 'config/variables';
import l10nCommonMessages from 'views/common.messages';
import l10nMessages from './index.messages'; import l10nMessages from './index.messages';
import type { Props as BaseProps } from '../../Container'; import type { Props as BaseProps } from '../../Container';
@ -202,7 +203,10 @@ const AdvancedForm = (props: Props) => {
/> />
} }
maxWidth={410} maxWidth={410}
readMoreLink="https://wiki.trezor.io/Ethereum_Wallet#Gas_limit" ctaLink="https://wiki.trezor.io/Ethereum_Wallet#Gas_limit"
ctaText={
<FormattedMessage {...l10nCommonMessages.TR_LEARN_MORE} />
}
placement="top" placement="top"
> >
<StyledIcon <StyledIcon
@ -260,7 +264,10 @@ const AdvancedForm = (props: Props) => {
/> />
} }
maxWidth={400} maxWidth={400}
readMoreLink="https://wiki.trezor.io/Ethereum_Wallet#Gas_price" ctaLink="https://wiki.trezor.io/Ethereum_Wallet#Gas_price"
ctaText={
<FormattedMessage {...l10nCommonMessages.TR_LEARN_MORE} />
}
placement="top" placement="top"
> >
<StyledIcon <StyledIcon

@ -5,6 +5,7 @@ import { FormattedMessage } from 'react-intl';
import styled from 'styled-components'; import styled from 'styled-components';
import { Input, Tooltip, Icon, colors, icons as ICONS } from 'trezor-ui-components'; import { Input, Tooltip, Icon, colors, icons as ICONS } from 'trezor-ui-components';
import l10nCommonMessages from 'views/common.messages';
import l10nSendMessages from 'views/Wallet/views/Account/common.messages'; import l10nSendMessages from 'views/Wallet/views/Account/common.messages';
import l10nMessages from './index.messages'; import l10nMessages from './index.messages';
@ -120,7 +121,10 @@ const AdvancedForm = (props: Props) => {
<FormattedMessage {...l10nMessages.TR_XRP_TRANSFER_COST} /> <FormattedMessage {...l10nMessages.TR_XRP_TRANSFER_COST} />
} }
maxWidth={100} maxWidth={100}
readMoreLink="https://developers.ripple.com/transaction-cost.html" ctaLink="https://developers.ripple.com/transaction-cost.html"
ctaText={
<FormattedMessage {...l10nCommonMessages.TR_LEARN_MORE} />
}
placement="top" placement="top"
> >
<StyledIcon <StyledIcon
@ -159,7 +163,10 @@ const AdvancedForm = (props: Props) => {
/> />
} }
maxWidth={200} maxWidth={200}
readMoreLink="https://wiki.trezor.io/Ripple_(XRP)" ctaLink="https://wiki.trezor.io/Ripple_(XRP)"
ctaText={
<FormattedMessage {...l10nCommonMessages.TR_LEARN_MORE} />
}
placement="top" placement="top"
> >
<StyledIcon <StyledIcon

Loading…
Cancel
Save