1
0
mirror of https://github.com/trezor/trezor-wallet synced 2025-01-08 23:21:00 +00:00

fix tooltip call to action button

This commit is contained in:
slowbackspace 2019-03-26 12:23:39 +01:00
parent 5df3490f97
commit e913701f47
3 changed files with 20 additions and 5 deletions

View File

@ -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>

View File

@ -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

View File

@ -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