mirror of
https://github.com/trezor/trezor-wallet
synced 2025-07-08 23:58:21 +00:00
83 lines
3.1 KiB
JavaScript
83 lines
3.1 KiB
JavaScript
/* @flow */
|
||
|
||
import * as React from 'react';
|
||
import { Notification, Link } from 'trezor-ui-components';
|
||
import Bignumber from 'bignumber.js';
|
||
import { FormattedMessage } from 'react-intl';
|
||
import { withRouter } from 'react-router-dom';
|
||
|
||
import l10nCommonMessages from 'views/common.messages';
|
||
import { matchPath } from 'react-router';
|
||
import { getPattern } from 'support/routes';
|
||
import l10nMessages from './index.messages';
|
||
import type { Props } from '../../index';
|
||
|
||
export default withRouter((props: Props) => {
|
||
const { selectedAccount } = props;
|
||
const { account } = selectedAccount;
|
||
const { location } = props.router;
|
||
const notifications = [];
|
||
|
||
if (!location) return null;
|
||
|
||
// Ripple minimum reserve notification
|
||
if (selectedAccount && account && account.networkType === 'ripple') {
|
||
const { reserve, balance } = account;
|
||
const bigBalance = new Bignumber(balance);
|
||
const bigReserve = new Bignumber(reserve);
|
||
if (bigBalance.isLessThan(bigReserve)) {
|
||
notifications.push(
|
||
<Notification
|
||
key="xrp-warning"
|
||
type="warning"
|
||
title={
|
||
<FormattedMessage {...l10nMessages.TR_MINIMUM_ACCOUNT_RESERVE_REQUIRED} />
|
||
}
|
||
message={
|
||
<>
|
||
<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>
|
||
),
|
||
}}
|
||
/>
|
||
</>
|
||
}
|
||
/>
|
||
);
|
||
}
|
||
}
|
||
|
||
// Import tool notification
|
||
if (matchPath(location.pathname, { path: getPattern('wallet-import') })) {
|
||
notifications.push(
|
||
<Notification
|
||
key="import-warning"
|
||
type="warning"
|
||
title="Use at your own risk"
|
||
message="This is an advanced interface intended for developer use only. Never use this process unless you really know what you are doing."
|
||
/>
|
||
);
|
||
}
|
||
|
||
if (account && account.imported) {
|
||
notifications.push(
|
||
<Notification
|
||
key="watch-only-info"
|
||
type="info"
|
||
title="The account is watch-only"
|
||
message="A watch-only account is a public address you’ve imported into your wallet, allowing the wallet to watch for outputs but not spend them."
|
||
/>
|
||
);
|
||
}
|
||
|
||
return <React.Fragment>{notifications}</React.Fragment>;
|
||
});
|