update source string for ripple

src/components/Notification/index.js

@@ -15,7 +15,7 @@ import NotificationButton from './components/NotificationButton';
 type Props = {
     type: string,
     cancelable?: boolean;
-    title: string;
+    title: ?React.Node;
     className?: string;
     message?: ?React.Node;
     actions?: Array<CallbackAction>;

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

@@ -4,6 +4,9 @@ import * as React from 'react';
 import Notification from 'components/Notification';
 import Bignumber from 'bignumber.js';
 import Link from 'components/Link';
+import { FormattedMessage } from 'react-intl';
+import l10nCommonMessages from 'views/common.messages';
+import l10nMessages from './index.messages';
 import type { Props } from '../../index';
 
 export default (props: Props) => {
@@ -24,11 +27,22 @@ export default (props: Props) => {
                 <Notification
                     key="xrp-warning"
                     type="warning"
-                    title="Minimum account reserve required"
+                    title={(
+                        <FormattedMessage {...l10nMessages.TR_MINIMUM_ACCOUNT_RESERVE_REQUIRED} />
+                    )}
                     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>
+                            <FormattedMessage
+                                {...l10nMessages.TR_RIPPLE_ADDRESSES_REQUIRE_MINIMUM_BALANCE}
+                                values={{
+                                    minBalance: bigReserve.toString(),
+                                    TR_LEARN_MORE: (
+                                        <Link isGreen href="https://wiki.trezor.io/Ripple_(XRP)">
+                                            <FormattedMessage {...l10nCommonMessages.TR_LEARN_MORE} />
+                                        </Link>
+                                    ),
+                                }}
+                            />
                         </>
                     )}
                 />,

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

@@ -0,0 +1,16 @@
+/* @flow */
+import { defineMessages } from 'react-intl';
+import type { Messages } from 'flowtype/npm/react-intl';
+
+const definedMessages: Messages = defineMessages({
+    TR_MINIMUM_ACCOUNT_RESERVE_REQUIRED: {
+        id: 'TR_MINIMUM_ACCOUNT_RESERVE_REQUIRED',
+        defaultMessage: 'Minimum account reserve required',
+    },
+    TR_RIPPLE_ADDRESSES_REQUIRE_MINIMUM_BALANCE: {
+        id: 'TR_RIPPLE_ADDRESSES_REQUIRE_MINIMUM_BALANCE',
+        defaultMessage: 'Ripple addresses require a minimum balance of {minBalance} XRP to activate and maintain the account. {TR_LEARN_MORE}',
+    },
+});
+
+export default definedMessages;