diff --git a/src/components/Notification/index.js b/src/components/Notification/index.js index 8ced6cce..18d85d58 100644 --- a/src/components/Notification/index.js +++ b/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; diff --git a/src/components/notifications/Context/components/Static/index.js b/src/components/notifications/Context/components/Static/index.js index a6867a0e..ea993e64 100644 --- a/src/components/notifications/Context/components/Static/index.js +++ b/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) => { + )} message={( <> - {`Ripple addresses require a minimum balance of ${bigReserve.toString()} XRP to activate and maintain the account. `} - Learn more + + + + ), + }} + /> )} />, diff --git a/src/components/notifications/Context/components/Static/index.messages.js b/src/components/notifications/Context/components/Static/index.messages.js new file mode 100644 index 00000000..1c9c4a52 --- /dev/null +++ b/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; \ No newline at end of file