20 | );
21 | };
22 |
23 | export default AuthRoute;
24 |
--------------------------------------------------------------------------------
/src/components/app/LanguageDropdown/index.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { translate } from 'react-i18next';
3 | import { Menu, MenuItem } from '@blueprintjs/core';
4 |
5 | const LanguageDropdown = ({ i18n }) => (
6 |
21 | );
22 |
23 | const TranslatedComponent = translate()(LanguageDropdown);
24 | export default TranslatedComponent;
25 |
--------------------------------------------------------------------------------
/src/components/app/NavMenuDropdown/index.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { Menu, MenuItem, MenuDivider, Icon } from '@blueprintjs/core';
3 | import { IconNames } from '@blueprintjs/icons';
4 | import { NavLink } from 'react-router-dom';
5 |
6 | const NavMenuDropdown = ({ openRegisterTokenPopup, logout }) => (
7 |
45 | );
46 |
47 | export default NavMenuDropdown;
48 |
--------------------------------------------------------------------------------
/src/components/app/NavWalletDropdown/index.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { Link } from 'react-router-dom';
3 | import { Menu, MenuDivider } from '@blueprintjs/core';
4 | import { shortAddress } from '../../../utils/numbers';
5 | import * as routes from '../../../routes';
6 |
7 | const NavWalletDropdown = (props) => {
8 | const renderMenu = () => props.wallets.map(({ address }) => {
9 | const text = `${shortAddress(address)}`;
10 | if (address === props.selectedWallet) {
11 | return (
12 | props.selectWallet(address)}
15 | to={`/wallet/${address}`}
16 | className="pt-menu-item pt-disabled">
17 | {text}
18 |
19 | );
20 | }
21 |
22 | return (
23 | props.selectWallet(address)}
26 | to={routes.formatRoute(routes.WALLET, { walletAddress: address })}
27 | className="pt-menu-item">
28 | {text}
29 |
30 | );
31 | });
32 |
33 | return (
34 |
39 | );
40 | };
41 |
42 | export default NavWalletDropdown;
43 |
--------------------------------------------------------------------------------
/src/components/auth/ResetPasswordEmailForm/index.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { translate } from 'react-i18next';
3 | import { reduxForm, Field } from 'redux-form';
4 | import { Button, Intent } from '@blueprintjs/core';
5 |
6 | import { emailValidate } from '../../../utils/validators';
7 |
8 | import RenderInput from '../../_forms/RenderInput';
9 |
10 | const ResetPasswordEmailForm = (props) => {
11 | const {
12 | t,
13 | handleSubmit,
14 | invalid,
15 | fetching
16 | } = props;
17 |
18 | return (
19 |
40 | );
41 | };
42 |
43 | const FormComponent = reduxForm({
44 | form: 'resetPasswordEmail',
45 | initialValues: {
46 | email: ''
47 | }
48 | })(ResetPasswordEmailForm);
49 | const TranslatedComponent = translate(['auth'])(FormComponent);
50 | export default TranslatedComponent;
51 |
--------------------------------------------------------------------------------
/src/components/auth/ResetPasswordNewPasswordForm/index.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { translate } from 'react-i18next';
3 | import { reduxForm, Field } from 'redux-form';
4 | import { Button, Intent } from '@blueprintjs/core';
5 |
6 | import { passwordValidate } from '../../../utils/validators';
7 |
8 | import RenderPassword from '../../_forms/RenderPassword';
9 |
10 | const ResetPasswordNewPasswordForm = (props) => {
11 | const {
12 | t,
13 | handleSubmit,
14 | invalid,
15 | fetching
16 | } = props;
17 |
18 | return (
19 |
40 | );
41 | };
42 |
43 | const FormComponent = reduxForm({
44 | form: 'resetPasswordNewPasswordEmail',
45 | initialValues: {
46 | password: '',
47 | email: '',
48 | resetId: ''
49 | }
50 | })(ResetPasswordNewPasswordForm);
51 | const TranslatedComponent = translate(['auth'])(FormComponent);
52 | export default TranslatedComponent;
53 |
--------------------------------------------------------------------------------
/src/components/auth/SignInForm/index.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { translate } from 'react-i18next';
3 | import { reduxForm, Field } from 'redux-form';
4 | import { Button, Intent } from '@blueprintjs/core';
5 |
6 | import { emailValidate, passwordValidate } from '../../../utils/validators';
7 |
8 | import RenderInput from '../../_forms/RenderInput';
9 | import RenderPassword from '../../_forms/RenderPassword';
10 |
11 | const SignInForm = (props) => {
12 | const {
13 | t,
14 | handleSubmit,
15 | invalid,
16 | fetching
17 | } = props;
18 |
19 | return (
20 |
50 | );
51 | };
52 |
53 | const FormComponent = reduxForm({
54 | form: 'signIn',
55 | initialValues: {
56 | email: '',
57 | password: ''
58 | }
59 | })(SignInForm);
60 | const TranslatedComponent = translate(['auth'])(FormComponent);
61 | export default TranslatedComponent;
62 |
--------------------------------------------------------------------------------
/src/components/auth/SignUpForm/index.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { translate } from 'react-i18next';
3 | import { reduxForm, Field } from 'redux-form';
4 | import { Button, Intent } from '@blueprintjs/core';
5 |
6 | import { fullNameValidate, emailValidate, passwordValidate, paymentPasswordValidate, required } from '../../../utils/validators';
7 |
8 | import RenderInput from '../../_forms/RenderInput';
9 | import RenderPassword from '../../_forms/RenderPassword';
10 | import RenderPaymentPassword from '../../_forms/RenderPaymentPassword';
11 | import RenderCheckbox from '../../_forms/RenderCheckbox';
12 |
13 | const SignUpForm = (props) => {
14 | const {
15 | t,
16 | handleSubmit,
17 | invalid,
18 | fetching
19 | } = props;
20 |
21 | return (
22 |
81 | );
82 | };
83 |
84 | const FormComponent = reduxForm({
85 | form: 'signUp',
86 | initialValues: {
87 | name: '',
88 | email: '',
89 | password: '',
90 | paymentPassword: '',
91 | agreeTos: false
92 | }
93 | })(SignUpForm);
94 | const TranslatedComponent = translate(['auth'])(FormComponent);
95 | export default TranslatedComponent;
96 |
--------------------------------------------------------------------------------
/src/components/auth/VerifyResetPasswordForm/index.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { translate } from 'react-i18next';
3 | import { reduxForm, Field, FormSection } from 'redux-form';
4 | import { Button, Intent } from '@blueprintjs/core';
5 |
6 | import { twoFactorCode } from '../../../utils/validators';
7 |
8 | import RenderInput from '../../_forms/RenderInput';
9 |
10 | import s from './styles.css';
11 |
12 | const VerifyResetPasswordForm = (props) => {
13 | const {
14 | t,
15 | handleSubmit,
16 | invalid,
17 | fetching,
18 | method
19 | } = props;
20 |
21 | const renderTip = () => {
22 | if (!method) return null;
23 | if (method === 'google') {
24 | return (
25 |
26 | To verify signing in - enter PIN code from Google Authenticator
27 |
28 | );
29 | }
30 |
31 | return (
32 |
33 | To verify signing in - enter PIN code from email
34 |
35 | );
36 | };
37 |
38 | return (
39 |
64 | );
65 | };
66 |
67 | const FormComponent = reduxForm({
68 | form: 'verifyResetPassword',
69 | initialValues: {
70 | email: '',
71 | verification: {
72 | code: '',
73 | verificationId: ''
74 | }
75 | }
76 | })(VerifyResetPasswordForm);
77 | const TranslatedComponent = translate(['auth'])(FormComponent);
78 | export default TranslatedComponent;
79 |
--------------------------------------------------------------------------------
/src/components/auth/VerifyResetPasswordForm/styles.css:
--------------------------------------------------------------------------------
1 | .tip {
2 | margin-bottom: 20px;
3 | text-align: center;
4 | }
5 |
--------------------------------------------------------------------------------
/src/components/auth/VerifySignInForm/index.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { translate } from 'react-i18next';
3 | import { reduxForm, Field, FormSection } from 'redux-form';
4 | import { Button, Intent } from '@blueprintjs/core';
5 |
6 | import { twoFactorCode } from '../../../utils/validators';
7 |
8 | import RenderInput from '../../_forms/RenderInput';
9 |
10 | import s from './styles.css';
11 |
12 | const VerifySignInForm = (props) => {
13 | const {
14 | t,
15 | handleSubmit,
16 | invalid,
17 | fetching,
18 | method
19 | } = props;
20 |
21 | const renderTip = () => {
22 | if (!method) return null;
23 | if (method === 'google') {
24 | return (
25 |
26 | To verify signing in - enter PIN code from Google Authenticator
27 |
28 | );
29 | }
30 |
31 | return (
32 |
33 | To verify signing in - enter PIN code from email
34 |
35 | );
36 | };
37 |
38 | return (
39 |
64 | );
65 | };
66 |
67 | const FormComponent = reduxForm({
68 | form: 'verifySignIn',
69 | initialValues: {
70 | verification: {
71 | code: '',
72 | verificationId: ''
73 | }
74 | }
75 | })(VerifySignInForm);
76 | const TranslatedComponent = translate()(FormComponent);
77 | export default TranslatedComponent;
78 |
--------------------------------------------------------------------------------
/src/components/auth/VerifySignInForm/styles.css:
--------------------------------------------------------------------------------
1 | .tip {
2 | margin-bottom: 20px;
3 | text-align: center;
4 | }
5 |
--------------------------------------------------------------------------------
/src/components/auth/VerifySignUpForm/index.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { translate } from 'react-i18next';
3 | import { reduxForm, Field, FormSection } from 'redux-form';
4 | import { Button, Intent } from '@blueprintjs/core';
5 |
6 | import { twoFactorCode } from '../../../utils/validators';
7 |
8 | import RenderInput from '../../_forms/RenderInput';
9 |
10 | import s from './styles.css';
11 |
12 | const VerifySignUpForm = (props) => {
13 | const {
14 | t,
15 | handleSubmit,
16 | invalid,
17 | fetching,
18 | method
19 | } = props;
20 |
21 | const renderTip = () => {
22 | if (!method) return null;
23 |
24 | return (
25 |
26 | To activate account - enter PIN code from email
27 |
28 | );
29 | };
30 |
31 | return (
32 |
57 | );
58 | };
59 |
60 | const FormComponent = reduxForm({
61 | form: 'verifySignUp',
62 | initialValues: {
63 | verification: {
64 | code: '',
65 | verificationId: ''
66 | }
67 | }
68 | })(VerifySignUpForm);
69 | const TranslatedComponent = translate(['auth'])(FormComponent);
70 | export default TranslatedComponent;
71 |
--------------------------------------------------------------------------------
/src/components/auth/VerifySignUpForm/styles.css:
--------------------------------------------------------------------------------
1 | .tip {
2 | margin-bottom: 20px;
3 | text-align: center;
4 | }
5 |
--------------------------------------------------------------------------------
/src/components/common/Alert/index.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import s from './styles.css';
3 |
4 | const Alert = () => (
5 |
16 | );
17 |
18 | export default Alert;
19 |
--------------------------------------------------------------------------------
/src/components/common/Alert/styles.css:
--------------------------------------------------------------------------------
1 | .alert {
2 | margin-top: 20px;
3 | }
4 |
--------------------------------------------------------------------------------
/src/components/common/Block/index.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import classnames from 'classnames/bind';
3 | import s from './styles.css';
4 |
5 | const cx = classnames.bind(s);
6 |
7 | const Block = (props) => {
8 | const {
9 | value,
10 | label,
11 | fetching
12 | } = props;
13 |
14 | return (
15 |
16 |
17 | {value}
18 |
19 |
20 | {label}
21 |
22 |
8 |
9 |
10 | );
11 |
12 | export default Preloader;
13 |
--------------------------------------------------------------------------------
/src/components/common/EmptyState/styles.css:
--------------------------------------------------------------------------------
1 | .empty {
2 | width: 100%;
3 | padding: 50px 0;
4 | text-align: center;
5 | }
6 |
--------------------------------------------------------------------------------
/src/components/common/Error404/index.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { NonIdealState } from '@blueprintjs/core';
3 |
4 | const Error404 = () => (
5 |
6 | );
7 |
8 | export default Error404;
9 |
--------------------------------------------------------------------------------
/src/components/common/Preloader/index.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { Spinner } from '@blueprintjs/core';
3 |
4 | import s from './styles.css';
5 |
6 | const Preloader = (props) => (
7 |
8 |
9 |
10 | );
11 |
12 | export default Preloader;
13 |
--------------------------------------------------------------------------------
/src/components/common/Preloader/styles.css:
--------------------------------------------------------------------------------
1 | .preloader {
2 | width: 100%;
3 | padding: 50px 0;
4 | text-align: center;
5 | }
6 |
--------------------------------------------------------------------------------
/src/components/help/Help/index.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 |
3 | export default () => (Help
);
4 |
--------------------------------------------------------------------------------
/src/components/settings/InitChangePasswordForm/index.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { reduxForm, Field } from 'redux-form';
3 | import { Button, Intent } from '@blueprintjs/core';
4 |
5 | import { passwordValidate } from '../../../utils/validators';
6 |
7 | import RenderPassword from '../../_forms/RenderPassword';
8 |
9 | const InitChangePasswordForm = (props) => {
10 | const {
11 | handleSubmit,
12 | invalid,
13 | fetching
14 | } = props;
15 |
16 | return (
17 |
44 | );
45 | };
46 |
47 | const FormComponent = reduxForm({
48 | form: 'initChangePassword',
49 | initialValues: {
50 | oldPassword: '',
51 | newPassword: ''
52 | }
53 | })(InitChangePasswordForm);
54 |
55 | export default FormComponent;
56 |
--------------------------------------------------------------------------------
/src/components/settings/RegisterTokenAddressForm/index.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { reduxForm, Field } from 'redux-form';
3 | import { Button, Intent } from '@blueprintjs/core';
4 |
5 | import { required } from '../../../utils/validators';
6 |
7 | import RenderInput from '../../_forms/RenderInput';
8 |
9 | const RegisterTokenAddressForm = (props) => {
10 | const {
11 | handleSubmit,
12 | invalid,
13 | fetching
14 | } = props;
15 |
16 | return (
17 |
36 | );
37 | };
38 |
39 | const FormComponent = reduxForm({
40 | form: 'registerTokenAddress',
41 | initialValues: {
42 | contractAddress: ''
43 | }
44 | })(RegisterTokenAddressForm);
45 |
46 | export default FormComponent;
47 |
--------------------------------------------------------------------------------
/src/components/settings/RegisterTokenForm/index.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { reduxForm, Field } from 'redux-form';
3 | import { Button, Intent } from '@blueprintjs/core';
4 |
5 | import { required } from '../../../utils/validators';
6 |
7 | import RenderInput from '../../_forms/RenderInput';
8 | import RenderSelect from '../../_forms/RenderSelect';
9 |
10 | const RegisterTokenForm = (props) => {
11 | const {
12 | handleSubmit,
13 | invalid,
14 | fetching,
15 | walletsOptions
16 | } = props;
17 |
18 | return (
19 |
71 | );
72 | };
73 |
74 | const FormComponent = reduxForm({
75 | form: 'registerToken',
76 | initialValues: {
77 | walletAddress: '',
78 | contractAddress: '',
79 | name: '',
80 | symbol: '',
81 | decimals: ''
82 | }
83 | })(RegisterTokenForm);
84 |
85 | export default FormComponent;
86 |
--------------------------------------------------------------------------------
/src/components/settings/Settings/index.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 |
3 | import s from './styles.css';
4 |
5 | import ChangePassword from '../../../containers/settings/ChangePassword';
6 | import ChangeTheme from '../../../containers/settings/ChangeTheme';
7 |
8 | const Settings = () => (
9 |
10 |
11 |
Settings
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
Light theme may contain some errors. Dark - preferred.
23 |
24 |
25 |
24 | To verify signing in - enter PIN code from Google Authenticator
25 |
26 | );
27 | }
28 |
29 | return (
30 |
31 | To verify signing in - enter PIN code from email
32 |
33 | );
34 | };
35 |
36 | return (
37 |
61 | );
62 | };
63 |
64 | const FormComponent = reduxForm({
65 | form: 'verifyChangePassword',
66 | initialValues: {
67 | verification: {
68 | code: '',
69 | verificationId: ''
70 | }
71 | }
72 | })(VerifyChangePasswordForm);
73 |
74 | export default FormComponent;
75 |
--------------------------------------------------------------------------------
/src/components/settings/VerifyChangePasswordForm/styles.css:
--------------------------------------------------------------------------------
1 | .tip {
2 | margin-bottom: 20px;
3 | text-align: center;
4 | }
5 |
--------------------------------------------------------------------------------
/src/components/wallet/TransferFundsForm/styles.css:
--------------------------------------------------------------------------------
1 | .buttons {
2 | text-align: right;
3 | margin: 0 -10px;
4 |
5 | & > button {
6 | margin: 0 10px;
7 | }
8 | }
9 |
--------------------------------------------------------------------------------
/src/components/wallet/Tx/index.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { format } from 'date-fns';
3 | import { Tag, Intent, Button } from '@blueprintjs/core';
4 |
5 | import { shortAddress, etherscanLink } from '../../../utils/numbers';
6 | import s from './styles.css';
7 |
8 | const Tx = (props) => {
9 | const {
10 | tx: {
11 | type,
12 | direction,
13 | amount,
14 | transactionHash,
15 | status,
16 | timestamp,
17 | },
18 | openTxDetailsPopup
19 | } = props;
20 |
21 | const dir = () => (direction === 'out' ? 'withdraw' : 'Income');
22 |
23 | const renderStatus = () => {
24 | switch (status) {
25 | case 'pending':
26 | return (Pending);
27 | case 'confirmed':
28 | return (Success);
29 | default:
30 | return (Failure);
31 | }
32 | };
33 |
34 | const symbol = () => {
35 | if (type === 'eth_transfer') return 'ETH';
36 | return props.tx.token.symbol;
37 | };
38 |
39 | return (
40 |
41 |
42 | {amount} {symbol()} {dir()}
43 | {shortAddress(transactionHash)}
44 | {renderStatus()}
45 |
46 |
56 |
57 |
58 | {format(timestamp * 1000, 'DD MMMM YYYY HH:mm:ss')}
59 |
60 |
24 | To verify signing in - enter PIN code from Google Authenticator
25 |
26 | );
27 | }
28 |
29 | return (
30 |
31 | To verify signing in - enter PIN code from email
32 |
33 | );
34 | };
35 |
36 | return (
37 |
61 | );
62 | };
63 |
64 | const FormComponent = reduxForm({
65 | form: 'verifyTransferFunds',
66 | initialValues: {
67 | verification: {
68 | code: '',
69 | verificationId: ''
70 | }
71 | }
72 | })(VerifyTransferFundsForm);
73 |
74 | export default FormComponent;
75 |
--------------------------------------------------------------------------------
/src/components/wallet/VerifyTransferFundsForm/styles.css:
--------------------------------------------------------------------------------
1 | .tip {
2 | margin-bottom: 20px;
3 | text-align: center;
4 | }
5 |
--------------------------------------------------------------------------------
/src/components/wallets/CreateWalletForm/index.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { reduxForm } from 'redux-form';
3 | import { translate } from 'react-i18next';
4 | import { Button, Intent } from '@blueprintjs/core';
5 |
6 | // import { required } from '../../../utils/validators';
7 | //
8 | // import RenderInput from '../../_forms/RenderInput';
9 |
10 | import s from './styles.css';
11 |
12 | const CreateWalletForm = (props) => {
13 | const {
14 | t,
15 | handleSubmit,
16 | invalid,
17 | fetching
18 | } = props;
19 |
20 | return (
21 |
31 | );
32 | };
33 |
34 | const TranslatedComponent = translate('wallets')(CreateWalletForm);
35 | const FormComponent = reduxForm({
36 | form: 'createWallet',
37 | initialValues: {
38 | type: 'ETH',
39 | paymentPassword: '12345678'
40 | }
41 | })(TranslatedComponent);
42 |
43 | export default FormComponent;
44 |
--------------------------------------------------------------------------------
/src/components/wallets/CreateWalletForm/styles.css:
--------------------------------------------------------------------------------
1 | .buttons {
2 | text-align: right;
3 | }
4 |
--------------------------------------------------------------------------------
/src/components/wallets/ExportWallet/index.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 |
3 | import s from './styles.css';
4 |
5 | const ExportWallet = ({ walletAddress }) => (
6 |
7 |
8 |
9 | Do not send this data to untested individuals,
10 | otherwise they will get full control over your funds.
11 |
12 |
13 |
14 |
15 |
16 |
Wallet address
17 | {walletAddress}
18 |
19 |
20 |
21 |
Private key
22 | 3a1076bf45ab87712ad64ccb3b10217737f7faacbf2872e88fdd9a537d8fe266
23 |
24 |
25 |
26 |
Mnemonic phrase
27 | witch collapse practice feed shame open despair creek road again ice least
28 |
29 |
30 |
12 |
13 |
{t('title')}
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
34 |
38 |
39 |
40 |
41 |
42 |
43 |
44 |
45 |
46 |
47 |
closeRegisterTokenPopup()}/>
50 |
16 |
17 |
18 |
}/)
19 |
20 |
21 |
22 |
23 |
24 |
25 |
26 |