Merge pull request #397 from trezor/fix/ripple-texts

Fix/Ripple texts

src/components/Notification/index.js

@@ -17,7 +17,7 @@ type Props = {
     cancelable?: boolean;
     title: string;
     className?: string;
-    message?: ?string;
+    message?: ?React.Node;
     actions?: Array<CallbackAction>;
     isActionInProgress?: boolean;
     close?: typeof NotificationActions.close,

src/components/Tooltip/index.js

@@ -43,7 +43,7 @@ const Tooltip = ({
                     <Content maxWidth={maxWidth}>{content}</Content>
                     {readMoreLink && (
                         <Link href={readMoreLink}>
-                            <ReadMore>Read more</ReadMore>
+                            <ReadMore>Learn more</ReadMore>
                         </Link>
                     )
                     }

src/components/notifications/Context/components/Static/index.js

@@ -3,7 +3,7 @@
 import * as React from 'react';
 import Notification from 'components/Notification';
 import Bignumber from 'bignumber.js';
-
+import Link from 'components/Link';
 import type { Props } from '../../index';
 
 export default (props: Props) => {
@@ -25,7 +25,12 @@ export default (props: Props) => {
                     key="xrp-warning"
                     type="warning"
                     title="Minimum account reserve required"
-                    message={`The Base Reserve is a minimum amount of XRP that is required for every address in the ledger. Currently, this is ${bigReserve.toString()} XRP.`}
+                    message={(
+                        <>
+                            {`Ripple addresses require a minimum balance of ${bigReserve.toString()} XRP to activate and maintain the account. `}
+                            <Link isGreen href="https://wiki.trezor.io/Ripple_(XRP)">Learn more</Link>
+                        </>
+                    )}
                 />,
             );
         }

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

@@ -165,11 +165,11 @@ const AdvancedForm = (props: Props) => {
                                 <Tooltip
                                     content={(
                                         <React.Fragment>
-                                        An arbitrary unsigned 32-bit integer that identifies a reason for payment or a non-Ripple account.
+                                        Destination tag is an arbitrary number which serves as a unique identifier of your transaction. Some services may require this to process your transaction.
                                         </React.Fragment>
                                     )}
                                     maxWidth={200}
-                                    readMoreLink="https://developers.ripple.com/rippleapi-reference.html#payment"
+                                    readMoreLink="https://wiki.trezor.io/Ripple_(XRP)"
                                     placement="top"
                                 >
                                     <StyledIcon