From e913701f47492d0c8689f7c9e0b9bf44c79ced66 Mon Sep 17 00:00:00 2001
From: slowbackspace <slowbackspace@gmail.com>
Date: Tue, 26 Mar 2019 12:23:39 +0100
Subject: [PATCH] fix tooltip call to action button

---
 src/components/modals/device/WalletType/index.js      |  3 ++-
 .../Send/ethereum/components/AdvancedForm/index.js    | 11 +++++++++--
 .../Send/ripple/components/AdvancedForm/index.js      | 11 +++++++++--
 3 files changed, 20 insertions(+), 5 deletions(-)

diff --git a/src/components/modals/device/WalletType/index.js b/src/components/modals/device/WalletType/index.js
index 57dcbb1a..cde23515 100644
--- a/src/components/modals/device/WalletType/index.js
+++ b/src/components/modals/device/WalletType/index.js
@@ -147,7 +147,8 @@ class WalletType extends PureComponent<Props> {
                         content={this.props.intl.formatMessage(
                             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} />
                     </Tooltip>
diff --git a/src/views/Wallet/views/Account/Send/ethereum/components/AdvancedForm/index.js b/src/views/Wallet/views/Account/Send/ethereum/components/AdvancedForm/index.js
index 8f44bd49..ded16d23 100644
--- a/src/views/Wallet/views/Account/Send/ethereum/components/AdvancedForm/index.js
+++ b/src/views/Wallet/views/Account/Send/ethereum/components/AdvancedForm/index.js
@@ -14,6 +14,7 @@ import {
 } from 'trezor-ui-components';
 import { FONT_SIZE } from 'config/variables';
 
+import l10nCommonMessages from 'views/common.messages';
 import l10nMessages from './index.messages';
 
 import type { Props as BaseProps } from '../../Container';
@@ -202,7 +203,10 @@ const AdvancedForm = (props: Props) => {
                                         />
                                     }
                                     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"
                                 >
                                     <StyledIcon
@@ -260,7 +264,10 @@ const AdvancedForm = (props: Props) => {
                                         />
                                     }
                                     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"
                                 >
                                     <StyledIcon
diff --git a/src/views/Wallet/views/Account/Send/ripple/components/AdvancedForm/index.js b/src/views/Wallet/views/Account/Send/ripple/components/AdvancedForm/index.js
index 24848c01..862be279 100644
--- a/src/views/Wallet/views/Account/Send/ripple/components/AdvancedForm/index.js
+++ b/src/views/Wallet/views/Account/Send/ripple/components/AdvancedForm/index.js
@@ -5,6 +5,7 @@ import { FormattedMessage } from 'react-intl';
 import styled from 'styled-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 l10nMessages from './index.messages';
 
@@ -120,7 +121,10 @@ const AdvancedForm = (props: Props) => {
                                         <FormattedMessage {...l10nMessages.TR_XRP_TRANSFER_COST} />
                                     }
                                     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"
                                 >
                                     <StyledIcon
@@ -159,7 +163,10 @@ const AdvancedForm = (props: Props) => {
                                         />
                                     }
                                     maxWidth={200}
-                                    readMoreLink="https://wiki.trezor.io/Ripple_(XRP)"
+                                    ctaLink="https://wiki.trezor.io/Ripple_(XRP)"
+                                    ctaText={
+                                        <FormattedMessage {...l10nCommonMessages.TR_LEARN_MORE} />
+                                    }
                                     placement="top"
                                 >
                                     <StyledIcon