arno/trezor-wallet
1
0
Fork 0
mirror of https://github.com/trezor/trezor-wallet synced 2025-01-22 05:51:18 +00:00
Code Issues Releases Wiki Activity

fix tooltip icons

Browse Source
This commit is contained in:
slowbackspace 2019-03-28 16:43:08 +01:00
parent 8c7d7056e7
commit d0bc970076
3 changed files with 47 additions and 38 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/views/Wallet/views/Account/Send/ethereum/components/AdvancedForm/index.js
View File

@ -132,7 +132,7 @@ const StyledLink = styled(Link)`
const StyledIcon = styled(Icon)`
cursor: pointer;
padding-right: 1px;
margin-right: 1px;
`;
const TooltipContainer = styled.div`

78
src/views/Wallet/views/Account/Send/ripple/components/AdvancedForm/index.js
View File

@ -66,7 +66,7 @@ const AdvancedSettingsSendButtonWrapper = styled.div`
const StyledIcon = styled(Icon)`
cursor: pointer;
padding-right: 1px;
margin-right: 1px;
`;
const TooltipContainer = styled.div`
@ -121,23 +121,27 @@ const AdvancedForm = (props: Props) => {
<Left>
<FormattedMessage {...l10nSendMessages.TR_FEE} />
<TooltipContainer>
<Tooltip
content={
<FormattedMessage {...l10nMessages.TR_XRP_TRANSFER_COST} />
}
maxWidth={100}
ctaLink="https://developers.ripple.com/transaction-cost.html"
ctaText={
<FormattedMessage {...l10nCommonMessages.TR_LEARN_MORE} />
}
placement="top"
>
<StyledIcon
icon={ICONS.HELP}
color={colors.TEXT_SECONDARY}
size={12}
/>
</Tooltip>
<Tooltip
content={
<FormattedMessage
{...l10nMessages.TR_XRP_TRANSFER_COST}
/>
}
maxWidth={100}
ctaLink="https://developers.ripple.com/transaction-cost.html"
ctaText={
<FormattedMessage
{...l10nCommonMessages.TR_LEARN_MORE}
/>
}
placement="top"
>
<StyledIcon
icon={ICONS.HELP}
color={colors.TEXT_SECONDARY}
size={12}
/>
</Tooltip>
</TooltipContainer>
</Left>
</InputLabelWrapper>
@ -163,25 +167,27 @@ const AdvancedForm = (props: Props) => {
<Left>
<FormattedMessage {...l10nMessages.TR_XRP_DESTINATION_TAG} />
<TooltipContainer>
<Tooltip
content={
<FormattedMessage
{...l10nMessages.TR_XRP_DESTINATION_TAG_EXPLAINED}
<Tooltip
content={
<FormattedMessage
{...l10nMessages.TR_XRP_DESTINATION_TAG_EXPLAINED}
/>
}
maxWidth={200}
ctaLink="https://wiki.trezor.io/Ripple_(XRP)"
ctaText={
<FormattedMessage
{...l10nCommonMessages.TR_LEARN_MORE}
/>
}
placement="top"
>
<StyledIcon
icon={ICONS.HELP}
color={colors.TEXT_SECONDARY}
size={12}
/>
}
maxWidth={200}
ctaLink="https://wiki.trezor.io/Ripple_(XRP)"
ctaText={
<FormattedMessage {...l10nCommonMessages.TR_LEARN_MORE} />
}
placement="top"
>
<StyledIcon
icon={ICONS.HELP}
color={colors.TEXT_SECONDARY}
size={12}
/>
</Tooltip>
</Tooltip>
</TooltipContainer>
</Left>
</InputLabelWrapper>

5
src/views/Wallet/views/Account/Summary/ethereum/index.js
View File

@ -51,6 +51,7 @@ const AccountTitle = styled.div`
const StyledIcon = styled(Icon)`
cursor: pointer;
margin-right: 1px;
`;
const TooltipContainer = styled.div`
@ -118,7 +119,9 @@ const AccountSummary = (props: Props) => {
<Tooltip
maxWidth={200}
placement="top"
content={props.intl.formatMessage(l10nSummaryMessages.TR_INSERT_TOKEN_NAME)}
content={props.intl.formatMessage(
l10nSummaryMessages.TR_INSERT_TOKEN_NAME
)}
>
<StyledIcon icon={ICONS.HELP} color={colors.TEXT_SECONDARY} size={12} />
</Tooltip>