23 | {tabs.map((i, index) => {
24 | return (
25 |
onClick(i)}
28 | className={[
29 | styles.tab,
30 | activeTab === i ? styles.active : ''
31 | ].join(' ')}
32 | >
33 | {i}
34 |
35 | );
36 | })}
37 |
58 |
Account
59 |
60 | {`Wallet Address : ${networkService.account ? truncate(networkService.account, 6, 4, '...') : ''}`}
61 |
63 |
64 |
65 |
66 |
67 |
68 | Balance on Childchain
69 | OMG Network
70 |
71 |
72 |
handleModalClick('mergeModal')}
74 | className={[
75 | styles.transfer,
76 | (disabled || criticalTransactionLoading) ? styles.disabled : ''
77 | ].join(' ')}
78 | >
79 | Merge
81 |
82 |
handleModalClick('transferModal')}
84 | className={[
85 | styles.transfer,
86 | (disabled || criticalTransactionLoading) ? styles.disabled : ''
87 | ].join(' ')}
88 | >
89 | Transfer
91 |
92 |
93 |
94 | {childBalance.map((i, index) => {
95 | return (
96 |
97 |
98 | {i.name}
99 |
100 |
{logAmount(i.amount, i.decimals)}
101 |
102 | );
103 | })}
104 |
105 | handleModalClick('depositModal')}
107 | type='primary'
108 | disabled={!isSynced}
109 | >
110 | DEPOSIT
111 |
112 | handleModalClick('exitModal')}
114 | type='secondary'
115 | disabled={disabled}
116 | >
117 | EXIT
118 |
119 |
120 |
121 |
122 |
123 |
124 |
125 | Balance on Rootchain
126 | Ethereum Network
127 |
128 |
129 |
130 | {rootBalance.map((i, index) => {
131 | return (
132 |
133 |
134 | {i.name}
135 |
136 |
{logAmount(i.amount, i.decimals)}
137 |
138 | );
139 | })}
140 |
141 |
142 |
{
61 | i === 'ETH' ? setCurrency(ETH) : setCurrency('');
62 | setActiveTab(i);
63 | }}
64 | activeTab={activeTab}
65 | tabs={[ 'ETH', 'ERC20' ]}
66 | />
67 |
68 | {activeTab === 'ERC20' && (
69 |
96 |
101 | CANCEL
102 |
103 | {activeTab === 'ETH' && (
104 |
112 | DEPOSIT
113 |
114 | )}
115 | {activeTab === 'ERC20' && (
116 |
122 | NEXT
123 |
124 | )}
125 |
126 |
127 | );
128 | }
129 |
130 | export default React.memo(InputStep);
131 |
--------------------------------------------------------------------------------
/src/containers/modals/exit/ExitModal.js:
--------------------------------------------------------------------------------
1 | /*
2 | Copyright 2019-present OmiseGO Pte Ltd
3 |
4 | Licensed under the Apache License, Version 2.0 (the "License");
5 | you may not use this file except in compliance with the License.
6 | You may obtain a copy of the License at
7 |
8 | http://www.apache.org/licenses/LICENSE-2.0
9 |
10 | Unless required by applicable law or agreed to in writing, software
11 | distributed under the License is distributed on an "AS IS" BASIS,
12 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13 | See the License for the specific language governing permissions and
14 | limitations under the License. */
15 |
16 | import React, { useState } from 'react';
17 | import { useDispatch } from 'react-redux';
18 |
19 | import { closeModal } from 'actions/uiAction';
20 |
21 | import Modal from 'components/modal/Modal';
22 |
23 | import SelectStep from './steps/SelectStep';
24 | import AddTokenStep from './steps/AddTokenStep';
25 | import DoExitStep from './steps/DoExitStep';
26 |
27 | function ExitModal ({ open }) {
28 | const dispatch = useDispatch();
29 |
30 | const [ gasPrice, setGasPrice ] = useState();
31 | const [ selectedSpeed, setSelectedSpeed ] = useState('normal');
32 | const [ selectedUTXO, setSelectedUTXO ] = useState();
33 | const [ step, setStep ] = useState(1);
34 |
35 | function handleClose () {
36 | setSelectedUTXO();
37 | setStep(1);
38 | dispatch(closeModal('exitModal'));
39 | }
40 |
41 | return (
42 |
43 | {step === 1 && (
44 |
71 | );
72 | }
73 |
74 | export default React.memo(ExitModal);
75 |
--------------------------------------------------------------------------------
/src/containers/modals/exit/ExitModal.module.scss:
--------------------------------------------------------------------------------
1 | @import 'index.module.scss';
2 |
3 | .buttons {
4 | display: flex;
5 | flex-direction: row;
6 | margin-top: 30px;
7 | justify-content: flex-end;
8 |
9 | div:first-child {
10 | margin-right: 10px;
11 | }
12 | }
13 |
14 | .disclaimer {
15 | margin-top: 20px;
16 | }
17 |
18 | .list {
19 | height: 160px;
20 | overflow-y: auto;
21 | margin-bottom: 10px;
22 | .utxo {
23 | font-size: 0.8em;
24 | display: flex;
25 | flex-direction: row;
26 | align-items: center;
27 | justify-content: space-between;
28 | padding: 10px;
29 | height: 25px;
30 | background-color: $gray3;
31 | border-bottom: 2px solid $gray4;
32 | transition: all 200ms ease-in-out;
33 | cursor: pointer;
34 | .title {
35 | flex: 1
36 | }
37 | .value {
38 | flex: 1;
39 | display: flex;
40 | flex-direction: row;
41 | align-items: center;
42 | justify-content: flex-end;
43 | text-align: right;
44 | .check {
45 | display: flex;
46 | justify-content: center;
47 | align-items: center;
48 | width: 50px;
49 | svg {
50 | width: 15px;
51 | height: 15px;
52 | }
53 | }
54 | }
55 | }
56 | .selected {
57 | background-color: $gray2;
58 | color: $gray6;
59 | }
60 | }
--------------------------------------------------------------------------------
/src/containers/modals/exit/steps/AddTokenStep.js:
--------------------------------------------------------------------------------
1 | /*
2 | Copyright 2019-present OmiseGO Pte Ltd
3 |
4 | Licensed under the Apache License, Version 2.0 (the "License");
5 | you may not use this file except in compliance with the License.
6 | You may obtain a copy of the License at
7 |
8 | http://www.apache.org/licenses/LICENSE-2.0
9 |
10 | Unless required by applicable law or agreed to in writing, software
11 | distributed under the License is distributed on an "AS IS" BASIS,
12 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13 | See the License for the specific language governing permissions and
14 | limitations under the License. */
15 |
16 | import React from 'react';
17 | import { useDispatch, useSelector } from 'react-redux';
18 |
19 | import { selectLoading } from 'selectors/loadingSelector';
20 | import { addExitQueue } from 'actions/networkAction';
21 |
22 | import Button from 'components/button/Button';
23 |
24 | import * as styles from '../ExitModal.module.scss';
25 |
26 | function AddTokenStep ({
27 | selectedUTXO,
28 | setSelectedUTXO,
29 | setStep,
30 | gasPrice
31 | }) {
32 | const dispatch = useDispatch();
33 |
34 | const addExitQueueLoading = useSelector(selectLoading([ 'QUEUE/CREATE' ]));
35 |
36 | async function doAddExitQueue () {
37 | const res = await dispatch(addExitQueue(selectedUTXO.currency, gasPrice));
38 | if (res) {
39 | return setStep(3);
40 | }
41 | }
42 |
43 | function handleBackClick () {
44 | setSelectedUTXO();
45 | setStep(1);
46 | }
47 |
48 | return (
49 | <>
50 | Add Exit Queue
51 |
52 | {`The exit queue for ${selectedUTXO.tokenInfo.name} does not exist yet. Adding the exit queue is required before being able to start your exit.`}
53 |
54 |
55 |
60 | GO BACK
61 |
62 |
69 | ADD QUEUE
70 |
71 |
72 |
73 | );
74 | }
75 |
76 | export default React.memo(AddTokenStep);
77 |
--------------------------------------------------------------------------------
/src/containers/modals/exit/steps/DoExitStep.js:
--------------------------------------------------------------------------------
1 | /*
2 | Copyright 2019-present OmiseGO Pte Ltd
3 |
4 | Licensed under the Apache License, Version 2.0 (the "License");
5 | you may not use this file except in compliance with the License.
6 | You may obtain a copy of the License at
7 |
8 | http://www.apache.org/licenses/LICENSE-2.0
9 |
10 | Unless required by applicable law or agreed to in writing, software
11 | distributed under the License is distributed on an "AS IS" BASIS,
12 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13 | See the License for the specific language governing permissions and
14 | limitations under the License. */
15 |
16 | import React from 'react';
17 | import { useDispatch, useSelector } from 'react-redux';
18 |
19 | import { exitUtxo } from 'actions/networkAction';
20 | import { openAlert } from 'actions/uiAction';
21 | import { selectLoading } from 'selectors/loadingSelector';
22 |
23 | import Button from 'components/button/Button';
24 |
25 | import * as styles from '../ExitModal.module.scss';
26 |
27 | function DoExitStep ({
28 | selectedUTXO,
29 | handleClose,
30 | gasPrice
31 | }) {
32 | const dispatch = useDispatch();
33 |
34 | const submitLoading = useSelector(selectLoading([ 'EXIT/CREATE' ]));
35 |
36 | async function doExit () {
37 | const res = await dispatch(exitUtxo(selectedUTXO, gasPrice));
38 | if (res) {
39 | dispatch(openAlert('Exit submitted. You will be blocked from making further transactions until the exit is confirmed.'));
40 | handleClose();
41 | }
42 | }
43 |
44 | return (
45 | <>
46 | Start Standard Exit
47 |
48 | {'The exit queue has been added. You can now start your exit.'}
49 |
50 |
51 |
56 | CANCEL
57 |
58 |
66 | SUBMIT EXIT
67 |
68 |
69 |
70 | );
71 | }
72 |
73 | export default React.memo(DoExitStep);
74 |
--------------------------------------------------------------------------------
/src/containers/modals/exit/steps/SelectStep.js:
--------------------------------------------------------------------------------
1 | /*
2 | Copyright 2019-present OmiseGO Pte Ltd
3 |
4 | Licensed under the Apache License, Version 2.0 (the "License");
5 | you may not use this file except in compliance with the License.
6 | You may obtain a copy of the License at
7 |
8 | http://www.apache.org/licenses/LICENSE-2.0
9 |
10 | Unless required by applicable law or agreed to in writing, software
11 | distributed under the License is distributed on an "AS IS" BASIS,
12 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13 | See the License for the specific language governing permissions and
14 | limitations under the License. */
15 |
16 | import React, { useState, useMemo, useEffect } from 'react';
17 | import { orderBy } from 'lodash';
18 | import { useDispatch, useSelector } from 'react-redux';
19 | import { Check } from '@material-ui/icons';
20 |
21 | import networkService from 'services/networkService';
22 | import { openAlert } from 'actions/uiAction';
23 | import { checkForExitQueue, exitUtxo } from 'actions/networkAction';
24 | import { selectLoading } from 'selectors/loadingSelector';
25 |
26 | import GasPicker from 'components/gaspicker/GasPicker';
27 | import Input from 'components/input/Input';
28 | import Button from 'components/button/Button';
29 |
30 | import { logAmount } from 'util/amountConvert';
31 |
32 | import * as styles from '../ExitModal.module.scss';
33 |
34 | function SelectStep ({
35 | setSelectedUTXO,
36 | selectedUTXO,
37 | handleClose,
38 | setStep,
39 | gasPrice,
40 | setGasPrice,
41 | selectedSpeed,
42 | setSelectedSpeed
43 | }) {
44 | const dispatch = useDispatch();
45 |
46 | const [ utxos, setUtxos ] = useState([]);
47 | const [ searchUTXO, setSearchUTXO ] = useState('');
48 |
49 | const submitLoading = useSelector(selectLoading([
50 | `QUEUE/GET_${selectedUTXO ? selectedUTXO.currency : ''}`,
51 | 'EXIT/CREATE'
52 | ]));
53 |
54 | useEffect(() => {
55 | async function fetchUTXOS () {
56 | const _utxos = await networkService.getUtxos();
57 | const utxos = orderBy(_utxos, i => i.currency, 'desc');
58 | setUtxos(utxos);
59 | }
60 | fetchUTXOS();
61 | }, []);
62 |
63 | async function doCheckExitQueue () {
64 | const res = await dispatch(checkForExitQueue(selectedUTXO.currency));
65 | if (!res) {
66 | return setStep(2);
67 | }
68 | return doExit();
69 | }
70 |
71 | async function doExit () {
72 | const res = await dispatch(exitUtxo(selectedUTXO, gasPrice));
73 | if (res) {
74 | dispatch(openAlert('Exit submitted. You will be blocked from making further transactions until the exit is confirmed.'));
75 | handleClose();
76 | }
77 | }
78 |
79 | const _utxos = useMemo(() => {
80 | return utxos.filter(i => {
81 | return i.currency.toLowerCase().includes(searchUTXO.toLowerCase()) ||
82 | i.tokenInfo.name.toLowerCase().includes(searchUTXO.toLowerCase());
83 | }).filter(i => !!i);
84 | }, [ utxos, searchUTXO ]);
85 |
86 | function closeModal () {
87 | setSearchUTXO('');
88 | setSelectedSpeed('normal');
89 | handleClose();
90 | }
91 |
92 | return (
93 | <>
94 | Start Standard Exit
95 |
96 |
105 | {!utxos.length && (
106 |
You do not have any UTXOs on the OMG Network.
107 | )}
108 | {_utxos.map((i, index) => {
109 | return (
110 |
setSelectedUTXO(i)}
113 | className={[
114 | styles.utxo,
115 | selectedUTXO === i ? styles.selected : ''
116 | ].join(' ')}
117 | >
118 |
119 | {i.tokenInfo.name}
120 |
121 |
122 |
123 |
124 | {logAmount(i.amount.toString(), i.tokenInfo.decimals)}
125 |
126 |
127 |
128 | {selectedUTXO === i &&
130 |
131 |
132 | );
133 | })}
134 |
143 |
148 | CANCEL
149 |
150 |
158 | SUBMIT EXIT
159 |
160 |
161 |
162 | );
163 | }
164 |
165 | export default React.memo(SelectStep);
166 |
--------------------------------------------------------------------------------
/src/containers/modals/ledger/LedgerConnect.module.scss:
--------------------------------------------------------------------------------
1 | @import 'index.module.scss';
2 |
3 | .buttons {
4 | display: flex;
5 | flex-direction: row;
6 | margin-top: 30px;
7 | justify-content: flex-end;
8 |
9 | div:first-child {
10 | margin-right: 10px;
11 | }
12 | }
13 |
14 | .header {
15 | display: flex;
16 | flex-direction: column;
17 | align-items: center;
18 | margin-top: 20px;
19 | }
20 |
21 | .logo {
22 | padding: 7px;
23 | height: 60px;
24 | border-radius: 20px;
25 | background-color: white;
26 | }
27 |
28 | .logoContainer {
29 | display: flex;
30 | margin-top: 30px;
31 | align-items: center;
32 | justify-content: center;
33 | position: relative;
34 | @include mobile {
35 | display: none;
36 | }
37 | .spinner {
38 | position: absolute;
39 | bottom: -10px;
40 | right: -10px;
41 | background-color: $blue;
42 | border-radius: 100%;
43 | width: 30px;
44 | height: 30px;
45 | display: flex;
46 | justify-content: center;
47 | align-items: center;
48 | }
49 | }
50 |
51 | .title {
52 | margin-top: 30px;
53 | font-size: 1.5em;
54 | font-family: 'Messina';
55 | font-weight: 400;
56 | color: white;
57 | text-align: center;
58 | }
59 |
60 | .description {
61 | font-family: 'Messina';
62 | margin-top: 20px;
63 | color: white;
64 | font-size: 1em;
65 | }
66 |
67 | .steps {
68 | margin: 20px 0;
69 | .step {
70 | min-height: 40px;
71 | margin-bottom: 10px;
72 | border-radius: 4px;
73 | background-color: $gray2;
74 | display: flex;
75 | flex-direction: row;
76 | font-family: 'Messina';
77 | @include mobile {
78 | font-size: 0.8em;
79 | }
80 | .text {
81 | padding: 10px 15px;
82 | display: flex;
83 | align-items: center;
84 | }
85 | .iconWrapper {
86 | border-radius: 4px 0px 0px 4px;
87 | min-width: 40px;
88 | background-color: white;
89 | display: flex;
90 | justify-content: center;
91 | align-items: center;
92 | img {
93 | height: 15px;
94 | }
95 | }
96 | }
97 | }
98 |
99 | .tabs {
100 | margin-top: 20px;
101 | }
102 |
103 | .selectAddressContainer {
104 | text-align: center;
105 | }
106 |
--------------------------------------------------------------------------------
/src/containers/modals/ledger/LedgerPrompt.js:
--------------------------------------------------------------------------------
1 | /*
2 | Copyright 2019-present OmiseGO Pte Ltd
3 |
4 | Licensed under the Apache License, Version 2.0 (the "License");
5 | you may not use this file except in compliance with the License.
6 | You may obtain a copy of the License at
7 |
8 | http://www.apache.org/licenses/LICENSE-2.0
9 |
10 | Unless required by applicable law or agreed to in writing, software
11 | distributed under the License is distributed on an "AS IS" BASIS,
12 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13 | See the License for the specific language governing permissions and
14 | limitations under the License. */
15 |
16 | import React from 'react';
17 | import { CircularProgress } from '@material-ui/core';
18 |
19 | import { hashTypedDataMessage, hashTypedDataDomain } from '@omisego/omg-js-util';
20 |
21 | import Button from 'components/button/Button';
22 |
23 | import ledger from 'images/ledger_connect.png';
24 | import eth from 'images/eth.svg';
25 | import connect from 'images/connect.svg';
26 | import lock from 'images/lock.svg';
27 |
28 | import * as styles from './LedgerPrompt.module.scss';
29 |
30 | function LedgerPrompt ({
31 | loading,
32 | submit,
33 | handleClose,
34 | typedData
35 | }) {
36 | return (
37 | <>
38 | {!loading && (
39 | <>
40 |
41 |
42 |
43 |
44 |
Ledger Sign
45 |
Please make sure your Ledger meets the following conditions:
47 |
48 |
49 |
50 |
51 |
52 |
Connected
53 |
54 |
55 |
56 |
57 |
58 |
Unlocked
59 |
60 |
61 |
62 |
63 |
64 |
The Ethereum application is open and running a version greater than 1.4.0
65 |
66 |
68 |
73 | CANCEL
74 |
75 | submit({ useLedgerSign: true })}
78 | type='primary'
79 | loading={loading}
80 | >
81 | SIGN
82 |
83 |
84 |
85 | )}
86 |
87 | {loading && (
88 | <>
89 |
90 |
91 |
92 |
93 |
95 |
96 |
Processing...
97 |
99 | Please continue signing the transaction on your Ledger device.
102 | {typedData && (
103 |
104 |
105 | Domain Hash: {hashTypedDataDomain(typedData).toUpperCase()}
106 |
107 |
108 | Message Hash: {hashTypedDataMessage(typedData).toUpperCase()}
109 |
110 |
55 | Process Exit
56 |
57 |
58 | This exit is currently
59 | {exitData ? numbro(exitData.queuePosition).format({ output: 'ordinal' }) : ''}
60 | {`in the queue for this token. You will need to process ${exitData.queuePosition} ${exitData.queuePosition === 1 ? 'exit' : 'exits'} to release your funds.`}
61 |
62 |
63 |
70 |
75 | CANCEL
76 |
77 |
88 | PROCESS
89 |
90 |
91 |
92 | );
93 | }
94 |
95 | export default ProcessExitsModal;
96 |
--------------------------------------------------------------------------------
/src/containers/modals/processexit/ProcessExitsModal.module.scss:
--------------------------------------------------------------------------------
1 | @import 'index.module.scss';
2 |
3 | .buttons {
4 | display: flex;
5 | flex-direction: row;
6 | margin-top: 30px;
7 | justify-content: flex-end;
8 |
9 | div:first-child {
10 | margin-right: 10px;
11 | }
12 | }
13 |
14 | .disclaimer {
15 | padding: 10px;
16 | background-color: $blue;
17 | color: $gray6;
18 | margin-top: -12px;
19 | font-size: 0.9em;
20 | margin-bottom: 10px;
21 | }
22 |
23 | .note {
24 | margin: 10px 0;
25 | }
26 |
27 | .position {
28 | color: $gray6;
29 | font-weight: bold;
30 | margin: 0 7px;
31 | }
32 |
--------------------------------------------------------------------------------
/src/containers/modals/transfer/TransferModal.module.scss:
--------------------------------------------------------------------------------
1 | @import 'index.module.scss';
2 |
3 | .disclaimer {
4 | font-family: 'Messina';
5 | margin-top: 20px;
6 | }
7 |
8 | .buttons {
9 | display: flex;
10 | flex-direction: row;
11 | margin-top: 30px;
12 | justify-content: flex-end;
13 |
14 | .button {
15 | margin-right: 10px;
16 | min-width: 0;
17 | &:last-child {
18 | margin-right: 0px;
19 | }
20 | }
21 | }
22 |
23 | .address {
24 | font-size: 0.9em;
25 | margin-bottom: 20px;
26 | margin-top: 20px;
27 | word-break: break-all;
28 | }
29 |
30 | .utxoPickLink {
31 | cursor: pointer;
32 | color: $blue;
33 | font-size: 12px;
34 | text-align: right;
35 | }
36 |
37 | .description {
38 | font-family: 'Messina';
39 | margin-bottom: 20px;
40 | }
41 |
42 | .list {
43 | height: 250px;
44 | overflow-y: auto;
45 | .utxo {
46 | font-size: 0.9em;
47 | display: flex;
48 | flex-direction: row;
49 | align-items: center;
50 | justify-content: space-between;
51 | background-color: $gray3;
52 | border-bottom: 2px solid $gray4;
53 | padding: 10px;
54 | height: 25px;
55 | transition: all 200ms ease-in-out;
56 | cursor: pointer;
57 | .title {
58 | flex: 1
59 | }
60 | .value {
61 | flex: 1;
62 | display: flex;
63 | flex-direction: row;
64 | align-items: center;
65 | justify-content: flex-end;
66 | text-align: right;
67 | .check {
68 | display: flex;
69 | justify-content: center;
70 | align-items: center;
71 | width: 50px;
72 | svg {
73 | width: 15px;
74 | height: 15px;
75 | }
76 | }
77 | }
78 | }
79 | .selected {
80 | background-color: $gray2;
81 | color: $gray6;
82 | }
83 | }
84 |
85 | .doubleList {
86 | height: 150px;
87 | }
88 |
--------------------------------------------------------------------------------
/src/containers/modals/wrongnetwork/WrongNetworkModal.js:
--------------------------------------------------------------------------------
1 | /*
2 | Copyright 2019-present OmiseGO Pte Ltd
3 |
4 | Licensed under the Apache License, Version 2.0 (the "License");
5 | you may not use this file except in compliance with the License.
6 | You may obtain a copy of the License at
7 |
8 | http://www.apache.org/licenses/LICENSE-2.0
9 |
10 | Unless required by applicable law or agreed to in writing, software
11 | distributed under the License is distributed on an "AS IS" BASIS,
12 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13 | See the License for the specific language governing permissions and
14 | limitations under the License. */
15 |
16 | import React from 'react';
17 | import { useDispatch } from 'react-redux';
18 |
19 | import Modal from 'components/modal/Modal';
20 | import { closeModal } from 'actions/uiAction';
21 | import { getNetworkName, getOtherNetworks } from 'util/networkName';
22 | import close from 'images/close.png';
23 | import arrow from 'images/arrow.png';
24 |
25 | import * as styles from './WrongNetworkModal.module.scss';
26 |
27 | function WrongNetworkModal ({ open, onClose }) {
28 | const dispatch = useDispatch();
29 |
30 | function handleClose () {
31 | onClose();
32 | dispatch(closeModal('wrongNetworkModal'));
33 | }
34 |
35 | return (
36 |
41 |
42 |
48 |
Wrong Network
49 |
50 |
51 |
52 | Please switch your wallet to the {getNetworkName()} in order to continue.
53 |
54 |
55 |
56 |
62 |
{getNetworkName()}
63 |
64 |
65 |
70 |
71 |
72 | {getOtherNetworks().map((network, index) => {
73 | return (
74 |
78 | );
79 | })}
80 |
81 |
82 |
84 | );
85 | }
86 |
87 | export default React.memo(WrongNetworkModal);
88 |
--------------------------------------------------------------------------------
/src/containers/modals/wrongnetwork/WrongNetworkModal.module.scss:
--------------------------------------------------------------------------------
1 | @import 'index.module.scss';
2 |
3 | .WrongNetworkModal {
4 | display: flex;
5 | flex-direction: column;
6 | justify-content: center;
7 | align-items: center;
8 | font-family: 'Messina';
9 | text-align: center;
10 | position: relative;
11 | padding: 40px;
12 | @include mobile {
13 | padding: 20px;
14 | }
15 | .close {
16 | position: absolute;
17 | right: 0;
18 | top: 0;
19 | height: 15px;
20 | cursor: pointer;
21 | }
22 | h2 {
23 | color: $gray1;
24 | }
25 |
26 | .content {
27 | max-width: 220px;
28 | .description {
29 | margin: 20px 0;
30 | font-size: 0.9em;
31 | }
32 | .currentNetwork {
33 | background-color: $gray4;
34 | color: $gray6;
35 | border-radius: 6px;
36 | padding: 15px 20px;
37 | display: flex;
38 | flex-direction: row;
39 | align-items: center;
40 | margin-bottom: 10px;
41 | }
42 | .network {
43 | background-color: $gray6;
44 | padding: 10px;
45 | display: flex;
46 | flex-direction: row;
47 | align-items: center;
48 | color: $gray4;
49 | margin-bottom: 1px;
50 | &:first-child {
51 | border-top-left-radius: 6px;
52 | border-top-right-radius: 6px;
53 | }
54 | &:last-child {
55 | border-bottom-left-radius: 6px;
56 | border-bottom-right-radius: 6px;
57 | }
58 | }
59 | .indicator {
60 | background-color: $gray5;
61 | width: 7px;
62 | height: 7px;
63 | border-radius: 100%;
64 | margin-right: 10px;
65 | &.active {
66 | background-color: $green;
67 | }
68 | }
69 | .otherNetworks {
70 | background-color: $gray7;
71 | border-radius: 6px;
72 | padding: 10px;
73 | }
74 | .arrow {
75 | width: 20px;
76 | opacity: 0.2;
77 | transform: rotate((-90deg));
78 | }
79 | }
80 | }
81 |
--------------------------------------------------------------------------------
/src/containers/status/Status.module.scss:
--------------------------------------------------------------------------------
1 | @import 'index.module.scss';
2 |
3 | .Status {
4 | display: flex;
5 | flex-direction: column;
6 | justify-content: space-between;
7 | padding: 40px;
8 | max-width: 300px;
9 | flex: 1;
10 |
11 | h1 {
12 | margin-bottom: 40px;
13 | }
14 |
15 | .statusCircle {
16 | border-radius: 100%;
17 | width: 8px;
18 | height: 8px;
19 | margin-left: 10px;
20 | }
21 | .healthy {
22 | background-color: $green;
23 | }
24 | .unhealthy {
25 | background-color: $red;
26 | }
27 | .healthyText {
28 | color: $green;
29 | }
30 | .unhealthyText {
31 | color: $red;
32 | }
33 |
34 | .indicator {
35 | display: flex;
36 | flex-direction: row;
37 | align-items: center;
38 | }
39 |
40 | .icon {
41 | cursor: pointer;
42 | background-color: $gray3;
43 | border-radius: 100%;
44 | width: 25px;
45 | height: 25px;
46 | display: flex;
47 | justify-content: center;
48 | align-items: center;
49 |
50 | svg {
51 | width: 12px;
52 | height: 12px;
53 | }
54 | }
55 |
56 | .github {
57 | cursor: pointer;
58 | color: $gray3;
59 | svg {
60 | width: 40px;
61 | height: 40px;
62 | }
63 | }
64 | }
65 |
66 | .logo {
67 | margin-bottom: 40px;
68 | height: 50px;
69 | }
70 |
--------------------------------------------------------------------------------
/src/containers/transactions/Deposits.js:
--------------------------------------------------------------------------------
1 | /*
2 | Copyright 2019-present OmiseGO Pte Ltd
3 |
4 | Licensed under the Apache License, Version 2.0 (the "License");
5 | you may not use this file except in compliance with the License.
6 | You may obtain a copy of the License at
7 |
8 | http://www.apache.org/licenses/LICENSE-2.0
9 |
10 | Unless required by applicable law or agreed to in writing, software
11 | distributed under the License is distributed on an "AS IS" BASIS,
12 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13 | See the License for the specific language governing permissions and
14 | limitations under the License. */
15 |
16 | import React, { useState, useEffect } from 'react';
17 | import { orderBy, isEqual } from 'lodash';
18 | import { useSelector } from 'react-redux';
19 | import truncate from 'truncate-middle';
20 |
21 | import { selectEthDeposits, selectErc20Deposits } from 'selectors/transactionSelector';
22 | import { selectLoading } from 'selectors/loadingSelector';
23 |
24 | import Transaction from 'components/transaction/Transaction';
25 | import Pager from 'components/pager/Pager';
26 |
27 | import config from 'util/config';
28 | import { logAmount } from 'util/amountConvert';
29 |
30 | import * as styles from './Transactions.module.scss';
31 |
32 | const PER_PAGE = 10;
33 |
34 | function Deposits ({ searchHistory }) {
35 | const [ page, setPage ] = useState(1);
36 |
37 | const ethDeposits = useSelector(selectEthDeposits, isEqual);
38 | const erc20Deposits = useSelector(selectErc20Deposits, isEqual);
39 | const loading = useSelector(selectLoading([ 'DEPOSIT/GETALL' ]));
40 |
41 | useEffect(() => {
42 | setPage(1);
43 | }, [ searchHistory ]);
44 |
45 | const deposits = orderBy(
46 | [ ...ethDeposits, ...erc20Deposits ],
47 | i => i.blockNumber, 'desc'
48 | );
49 | const _deposits = deposits.filter(i => {
50 | return i.transactionHash.includes(searchHistory) || i.returnValues.token.includes(searchHistory);
51 | });
52 |
53 | const startingIndex = page === 1 ? 0 : ((page - 1) * PER_PAGE);
54 | const endingIndex = page * PER_PAGE;
55 | const paginatedDeposits = _deposits.slice(startingIndex, endingIndex);
56 |
57 | return (
58 |
59 |
60 |
setPage(page + 1)}
64 | onClickBack={() => setPage(page - 1)}
65 | />
66 | {!paginatedDeposits.length && !loading && (
67 | No deposit history.
68 | )}
69 | {!paginatedDeposits.length && loading && (
70 | Loading...
71 | )}
72 | {paginatedDeposits.map((i, index) => {
73 | return (
74 |
88 |
setProcessExitModal(i),
68 | text: 'Process Exit'
69 | }
70 | : undefined
71 | }
72 | link={`${config.etherscanUrl}/tx/${i.transactionHash}`}
73 | status={getStatus()}
74 | subStatus={`Block ${i.blockNumber}`}
75 | statusPercentage={i.pendingPercentage <= 100 ? i.pendingPercentage : ''}
76 | title={truncate(i.transactionHash, 6, 4, '...')}
77 | midTitle={i.exitableAt ? `Exitable ${exitableMoment.format('lll')}` : ''}
78 | subTitle={i.currency ? truncate(i.currency, 6, 4, '...'): ''}
79 | />
80 | );
81 | });
82 |
83 | const renderExited = _exitedExits.map((i, index) => {
84 | return (
85 | setProcessExitModal(false)}
107 | />
108 |
109 |
Exits
110 |
111 |
112 |
setPage(page + 1)}
116 | onClickBack={() => setPage(page - 1)}
117 | />
118 | {!allExits.length && !loading && (
119 | No exit history.
120 | )}
121 | {!allExits.length && loading && (
122 | Loading...
123 | )}
124 | {React.Children.toArray(paginatedExits)}
125 |
126 |
127 |
77 |
78 |
History
79 |
90 |
91 |
92 |
93 |
{
95 | setPage(1);
96 | dispatch(setActiveHistoryTab(tab));
97 | }}
98 | activeTab={activeTab}
99 | tabs={[ 'Transactions', 'Deposits' ]}
100 | />
101 |
102 | {activeTab === 'Transactions' && (
103 |
104 |
setPage(page + 1)}
108 | onClickBack={() => setPage(page - 1)}
109 | />
110 | {!paginatedTransactions.length && !loading && (
111 | No transaction history.
112 | )}
113 | {!paginatedTransactions.length && loading && (
114 | Loading...
115 | )}
116 | {paginatedTransactions.map((i, index) => {
117 | return (
118 |
138 |
139 |
140 |
141 |
2 |
4 |
--------------------------------------------------------------------------------
/src/images/browserwallet.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/omgnetwork/web-wallet/4a8386f7d1174cdacaf8f092c0f8e3c3ed4ae28d/src/images/browserwallet.png
--------------------------------------------------------------------------------
/src/images/chevron.svg:
--------------------------------------------------------------------------------
1 |
2 |
5 |
--------------------------------------------------------------------------------
/src/images/close.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/omgnetwork/web-wallet/4a8386f7d1174cdacaf8f092c0f8e3c3ed4ae28d/src/images/close.png
--------------------------------------------------------------------------------
/src/images/coinbase.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/omgnetwork/web-wallet/4a8386f7d1174cdacaf8f092c0f8e3c3ed4ae28d/src/images/coinbase.jpg
--------------------------------------------------------------------------------
/src/images/connect.svg:
--------------------------------------------------------------------------------
1 |
2 |
4 |
--------------------------------------------------------------------------------
/src/images/eth.svg:
--------------------------------------------------------------------------------
1 |
2 |
4 |
--------------------------------------------------------------------------------
/src/images/key.svg:
--------------------------------------------------------------------------------
1 |
2 |
4 |
--------------------------------------------------------------------------------
/src/images/ledger.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/omgnetwork/web-wallet/4a8386f7d1174cdacaf8f092c0f8e3c3ed4ae28d/src/images/ledger.png
--------------------------------------------------------------------------------
/src/images/ledger_connect.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/omgnetwork/web-wallet/4a8386f7d1174cdacaf8f092c0f8e3c3ed4ae28d/src/images/ledger_connect.png
--------------------------------------------------------------------------------
/src/images/lock.svg:
--------------------------------------------------------------------------------
1 |
2 |
4 |
--------------------------------------------------------------------------------
/src/images/omg_logo.svg:
--------------------------------------------------------------------------------
1 |
2 |
4 |
--------------------------------------------------------------------------------
/src/images/walletconnect.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/omgnetwork/web-wallet/4a8386f7d1174cdacaf8f092c0f8e3c3ed4ae28d/src/images/walletconnect.png
--------------------------------------------------------------------------------
/src/index.js:
--------------------------------------------------------------------------------
1 | /*
2 | Copyright 2019-present OmiseGO Pte Ltd
3 |
4 | Licensed under the Apache License, Version 2.0 (the "License");
5 | you may not use this file except in compliance with the License.
6 | You may obtain a copy of the License at
7 |
8 | http://www.apache.org/licenses/LICENSE-2.0
9 |
10 | Unless required by applicable law or agreed to in writing, software
11 | distributed under the License is distributed on an "AS IS" BASIS,
12 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13 | See the License for the specific language governing permissions and
14 | limitations under the License. */
15 |
16 | import React from 'react';
17 | import ReactDOM from 'react-dom';
18 | import { Provider } from 'react-redux';
19 | import TagManager from 'react-gtm-module';
20 |
21 | import config from 'util/config';
22 | import store from 'store';
23 |
24 | import App from 'containers/app/App';
25 |
26 | // Renamed due to https://github.com/facebook/create-react-app/issues/10047
27 | import './index.module.scss';
28 |
29 | if (config.gtmId) {
30 | TagManager.initialize({ gtmId: config.gtmId });
31 | }
32 |
33 | // https://docs.metamask.io/guide/ethereum-provider.html#ethereum-autorefreshonnetworkchange
34 | if (window.ethereum) {
35 | window.ethereum.autoRefreshOnNetworkChange = false;
36 | }
37 |
38 | ReactDOM.render(
39 |
40 | ,
42 | document.getElementById('root')
43 | );
44 |
--------------------------------------------------------------------------------
/src/index.module.scss:
--------------------------------------------------------------------------------
1 | $red: #ff6868;
2 | $yellow: #f0ba31;
3 | $green: #0ebf9a;
4 | $blue: #4967ff;
5 |
6 | $gray1: #101010;
7 | $gray2: #29292e;
8 | $gray3: #35353f;
9 | $gray4: #585868;
10 | $gray5: #b3b3bf;
11 | $gray6: #ffffff;
12 | $gray7: #F2F3F5;
13 |
14 | :export {
15 | red: $red;
16 | yellow: $yellow;
17 | green: $green;
18 | blue: $blue;
19 | gray1: $gray1;
20 | gray2: $gray2;
21 | gray3: $gray3;
22 | gray4: $gray4;
23 | gray5: $gray5;
24 | gray6: $gray6;
25 | }
26 |
27 | @mixin mobile {
28 | @media screen and (max-width: 1000px) {
29 | @content
30 | }
31 | }
32 |
33 | @mixin tablet {
34 | @media screen and (max-width: 1000px) {
35 | @content
36 | }
37 | }
38 |
39 | @font-face {
40 | font-family: 'Messina';
41 | src: url(./fonts/MessinaSans-Regular.otf) format('opentype');
42 | }
43 |
44 | @font-face {
45 | font-family: 'MessinaMono';
46 | src: url(./fonts/MessinaSansMono-Regular.otf) format('opentype');
47 | }
48 |
49 | a {
50 | color: inherit;
51 | text-decoration: none;
52 | }
53 |
54 | body {
55 | margin: 0;
56 | padding: 0;
57 | color: $gray5;
58 | background-color: $gray1;
59 | font-family: 'MessinaMono', monospace;
60 | font-size: 14px;
61 | }
62 |
63 | input {
64 | font-family: 'MessinaMono', monospace;
65 | font-size: 1em;
66 | border: none;
67 | outline: none;
68 | }
69 |
70 | input::-webkit-outer-spin-button,
71 | input::-webkit-inner-spin-button {
72 | -webkit-appearance: none;
73 | margin: 0;
74 | }
75 |
76 | h1 {
77 | margin: 0;
78 | white-space: pre;
79 | font-family: 'Messina';
80 | font-weight: 400;
81 | font-size: 2em;
82 | color: $blue;
83 | }
84 |
85 | h2 {
86 | color: $gray6;
87 | font-family: 'Messina';
88 | font-weight: 100;
89 | margin: 0 0 10px 0;
90 | font-size: 1.5em;
91 | @include mobile {
92 | font-size: 1.2em;
93 | }
94 | }
95 |
96 | // override globals and third party libs
97 | .walletconnect-modal__base {
98 | max-width: 225px !important;
99 | }
100 |
--------------------------------------------------------------------------------
/src/reducers/__tests__/balanceReducer.test.js:
--------------------------------------------------------------------------------
1 | /*
2 | Copyright 2019-present OmiseGO Pte Ltd
3 |
4 | Licensed under the Apache License, Version 2.0 (the "License");
5 | you may not use this file except in compliance with the License.
6 | You may obtain a copy of the License at
7 |
8 | http://www.apache.org/licenses/LICENSE-2.0
9 |
10 | Unless required by applicable law or agreed to in writing, software
11 | distributed under the License is distributed on an "AS IS" BASIS,
12 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13 | See the License for the specific language governing permissions and
14 | limitations under the License. */
15 |
16 | import balanceReducer from '../balanceReducer';
17 |
18 | describe('balanceReducer', () => {
19 | it('should return the initial state', () => {
20 | const newState = balanceReducer(undefined, { type: '@@INIT' });
21 | expect(newState).toEqual({ rootchain: [], childchain: [] });
22 | });
23 |
24 | it('should handle balance success', () => {
25 | const action = {
26 | type: 'BALANCE/GET/SUCCESS',
27 | payload: { rootchain: [ 'toto' ], childchain: [ 'toto' ] }
28 | };
29 | const newState = balanceReducer(undefined, action);
30 | expect(newState).toEqual(action.payload);
31 | });
32 | });
33 |
--------------------------------------------------------------------------------
/src/reducers/__tests__/depositReducer.test.js:
--------------------------------------------------------------------------------
1 | /*
2 | Copyright 2019-present OmiseGO Pte Ltd
3 |
4 | Licensed under the Apache License, Version 2.0 (the "License");
5 | you may not use this file except in compliance with the License.
6 | You may obtain a copy of the License at
7 |
8 | http://www.apache.org/licenses/LICENSE-2.0
9 |
10 | Unless required by applicable law or agreed to in writing, software
11 | distributed under the License is distributed on an "AS IS" BASIS,
12 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13 | See the License for the specific language governing permissions and
14 | limitations under the License. */
15 |
16 | import depositReducer from '../depositReducer';
17 |
18 | describe('depositReducer', () => {
19 | it('should return the initial state', () => {
20 | const newState = depositReducer(undefined, { type: '@@INIT' });
21 | expect(newState).toEqual({ eth: {}, erc20: {} });
22 | });
23 |
24 | it('should handle deposit fetch success', () => {
25 | const action = {
26 | type: 'DEPOSIT/GETALL/SUCCESS',
27 | payload: {
28 | eth: [ {
29 | transactionHash: 'toto'
30 | } ],
31 | erc20: [ {
32 | transactionHash: 'toto'
33 | } ]
34 | }
35 | };
36 |
37 | const expected = {
38 | eth: { 'toto': { transactionHash: 'toto' } },
39 | erc20: { 'toto': { transactionHash: 'toto' } }
40 | };
41 |
42 | const newState = depositReducer(undefined, action);
43 | expect(newState).toEqual(expected);
44 | });
45 | });
46 |
--------------------------------------------------------------------------------
/src/reducers/__tests__/exitReducer.test.js:
--------------------------------------------------------------------------------
1 | /*
2 | Copyright 2019-present OmiseGO Pte Ltd
3 |
4 | Licensed under the Apache License, Version 2.0 (the "License");
5 | you may not use this file except in compliance with the License.
6 | You may obtain a copy of the License at
7 |
8 | http://www.apache.org/licenses/LICENSE-2.0
9 |
10 | Unless required by applicable law or agreed to in writing, software
11 | distributed under the License is distributed on an "AS IS" BASIS,
12 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13 | See the License for the specific language governing permissions and
14 | limitations under the License. */
15 |
16 | import exitReducer from '../exitReducer';
17 |
18 | describe('exitReducer', () => {
19 | it('should return the initial state', () => {
20 | const newState = exitReducer(undefined, { type: '@@INIT' });
21 | expect(newState).toEqual({ pending: {}, exited: {} });
22 | });
23 |
24 | it('should handle exit fetch success', () => {
25 | const action = {
26 | type: 'EXIT/GETALL/SUCCESS',
27 | payload: { pending: [ 'toto' ], exited: [ 'toto' ] }
28 | };
29 | const newState = exitReducer(undefined, action);
30 | expect(newState).toEqual(action.payload);
31 | });
32 | });
33 |
--------------------------------------------------------------------------------
/src/reducers/__tests__/feeReducer.test.js:
--------------------------------------------------------------------------------
1 | /*
2 | Copyright 2019-present OmiseGO Pte Ltd
3 |
4 | Licensed under the Apache License, Version 2.0 (the "License");
5 | you may not use this file except in compliance with the License.
6 | You may obtain a copy of the License at
7 |
8 | http://www.apache.org/licenses/LICENSE-2.0
9 |
10 | Unless required by applicable law or agreed to in writing, software
11 | distributed under the License is distributed on an "AS IS" BASIS,
12 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13 | See the License for the specific language governing permissions and
14 | limitations under the License. */
15 |
16 | import feeReducer from '../feeReducer';
17 |
18 | describe('feeReducer', () => {
19 | it('should return the initial state', () => {
20 | const newState = feeReducer(undefined, { type: '@@INIT' });
21 | expect(newState).toEqual({});
22 | });
23 |
24 | it('should handle fee fetch success', () => {
25 | const action = {
26 | type: 'FEE/GET/SUCCESS',
27 | payload: [
28 | { currency: 'ETH', amount: 1 },
29 | { currency: 'OMG', amount: 10 }
30 | ]
31 | };
32 | const newState = feeReducer(undefined, action);
33 | expect(newState).toEqual({
34 | ETH: { currency: 'ETH', amount: 1 },
35 | OMG: { currency: 'OMG', amount: 10 }
36 | });
37 | });
38 | });
39 |
--------------------------------------------------------------------------------
/src/reducers/__tests__/gasReducer.test.js:
--------------------------------------------------------------------------------
1 | /*
2 | Copyright 2019-present OmiseGO Pte Ltd
3 |
4 | Licensed under the Apache License, Version 2.0 (the "License");
5 | you may not use this file except in compliance with the License.
6 | You may obtain a copy of the License at
7 |
8 | http://www.apache.org/licenses/LICENSE-2.0
9 |
10 | Unless required by applicable law or agreed to in writing, software
11 | distributed under the License is distributed on an "AS IS" BASIS,
12 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13 | See the License for the specific language governing permissions and
14 | limitations under the License. */
15 |
16 | import gasReducer from '../gasReducer';
17 |
18 | describe('gasReducer', () => {
19 | it('should return the initial state', () => {
20 | const newState = gasReducer(undefined, { type: '@@INIT' });
21 | expect(newState).toEqual({ slow: 0, normal: 0, fast: 0 });
22 | });
23 |
24 | it('should handle gas fetch success', () => {
25 | const action = {
26 | type: 'GAS/GET/SUCCESS',
27 | payload: { slow: 1, normal: 10, fast: 100 }
28 | };
29 | const newState = gasReducer(undefined, action);
30 | expect(newState).toEqual(action.payload);
31 | });
32 | });
33 |
--------------------------------------------------------------------------------
/src/reducers/__tests__/loadingReducer.test.js:
--------------------------------------------------------------------------------
1 | /*
2 | Copyright 2019-present OmiseGO Pte Ltd
3 |
4 | Licensed under the Apache License, Version 2.0 (the "License");
5 | you may not use this file except in compliance with the License.
6 | You may obtain a copy of the License at
7 |
8 | http://www.apache.org/licenses/LICENSE-2.0
9 |
10 | Unless required by applicable law or agreed to in writing, software
11 | distributed under the License is distributed on an "AS IS" BASIS,
12 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13 | See the License for the specific language governing permissions and
14 | limitations under the License. */
15 |
16 | import loadingReducer from '../loadingReducer';
17 |
18 | describe('loadingReducer', () => {
19 | it('should return the initial state', () => {
20 | const newState = loadingReducer(undefined, { type: '@@INIT' });
21 | expect(newState).toEqual({});
22 | });
23 |
24 | it('should handle request correctly', () => {
25 | const action = { type: 'TEST/GET/REQUEST' };
26 | const newState = loadingReducer(undefined, action);
27 | expect(newState).toEqual({ 'TEST/GET': true });
28 | });
29 |
30 | it('should cancel loading state on non request correctly', () => {
31 | const action = { type: 'TEST/GET/SUCCESS' };
32 | const newState = loadingReducer(undefined, action);
33 | expect(newState).toEqual({ 'TEST/GET': false });
34 |
35 | const action2 = { type: 'TEST/GET/ERROR' };
36 | const newState2 = loadingReducer(undefined, action2);
37 | expect(newState2).toEqual({ 'TEST/GET': false });
38 | });
39 |
40 | it('should pass through other action types', () => {
41 | const action = { type: 'TEST/MODAL/OPEN' };
42 | const newState = loadingReducer(undefined, action);
43 | expect(newState).toEqual({});
44 | });
45 | });
46 |
--------------------------------------------------------------------------------
/src/reducers/__tests__/queueReducer.test.js:
--------------------------------------------------------------------------------
1 | /*
2 | Copyright 2019-present OmiseGO Pte Ltd
3 |
4 | Licensed under the Apache License, Version 2.0 (the "License");
5 | you may not use this file except in compliance with the License.
6 | You may obtain a copy of the License at
7 |
8 | http://www.apache.org/licenses/LICENSE-2.0
9 |
10 | Unless required by applicable law or agreed to in writing, software
11 | distributed under the License is distributed on an "AS IS" BASIS,
12 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13 | See the License for the specific language governing permissions and
14 | limitations under the License. */
15 |
16 | import queueReducer from '../queueReducer';
17 |
18 | describe('queueReducer', () => {
19 | it('should return the initial state', () => {
20 | const newState = queueReducer(undefined, { type: '@@INIT' });
21 | expect(newState).toEqual({});
22 | });
23 |
24 | it('should handle queue fetch success', () => {
25 | const action = {
26 | type: 'QUEUE/GET/SUCCESS',
27 | payload: { currency: 'ETH', queue: [ 1,2,3 ] }
28 | };
29 | const newState = queueReducer(undefined, action);
30 | expect(newState).toEqual({ ETH: [ 1,2,3 ] });
31 | });
32 | });
33 |
--------------------------------------------------------------------------------
/src/reducers/__tests__/setupReducer.test.js:
--------------------------------------------------------------------------------
1 | /*
2 | Copyright 2019-present OmiseGO Pte Ltd
3 |
4 | Licensed under the Apache License, Version 2.0 (the "License");
5 | you may not use this file except in compliance with the License.
6 | You may obtain a copy of the License at
7 |
8 | http://www.apache.org/licenses/LICENSE-2.0
9 |
10 | Unless required by applicable law or agreed to in writing, software
11 | distributed under the License is distributed on an "AS IS" BASIS,
12 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13 | See the License for the specific language governing permissions and
14 | limitations under the License. */
15 |
16 | import setupReducer from '../setupReducer';
17 |
18 | describe('setupReducer', () => {
19 | it('should return the initial state', () => {
20 | const initialState = { walletMethod: 'WalletConnect' };
21 | const newState = setupReducer(initialState, { type: 'ACTION/NOT/EXIST' });
22 | expect(newState).toEqual(initialState);
23 | });
24 |
25 | it('should handle setting the wallet method', () => {
26 | const initialState = { walletMethod: null };
27 | const action = {
28 | type: 'SETUP/WALLET_METHOD/SET',
29 | payload: 'WalletConnect'
30 | };
31 | const newState = setupReducer(initialState, action);
32 | expect(newState).toEqual({ ...initialState, walletMethod: 'WalletConnect' });
33 | });
34 | });
35 |
--------------------------------------------------------------------------------
/src/reducers/__tests__/statusReducer.test.js:
--------------------------------------------------------------------------------
1 | /*
2 | Copyright 2019-present OmiseGO Pte Ltd
3 |
4 | Licensed under the Apache License, Version 2.0 (the "License");
5 | you may not use this file except in compliance with the License.
6 | You may obtain a copy of the License at
7 |
8 | http://www.apache.org/licenses/LICENSE-2.0
9 |
10 | Unless required by applicable law or agreed to in writing, software
11 | distributed under the License is distributed on an "AS IS" BASIS,
12 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13 | See the License for the specific language governing permissions and
14 | limitations under the License. */
15 |
16 | import statusReducer from '../statusReducer';
17 |
18 | describe('statusReducer', () => {
19 | it('should return the initial state', () => {
20 | const newState = statusReducer(undefined, { type: '@@INIT' });
21 | expect(newState).toEqual({ connection: false, byzantine: false });
22 | });
23 |
24 | it('should handle status fetch success', () => {
25 | const action = {
26 | type: 'STATUS/GET/SUCCESS',
27 | payload: { connection: true, byzantine: false }
28 | };
29 | const newState = statusReducer(undefined, action);
30 | expect(newState).toEqual(action.payload);
31 | });
32 | });
33 |
--------------------------------------------------------------------------------
/src/reducers/__tests__/tokenReducer.test.js:
--------------------------------------------------------------------------------
1 | /*
2 | Copyright 2019-present OmiseGO Pte Ltd
3 |
4 | Licensed under the Apache License, Version 2.0 (the "License");
5 | you may not use this file except in compliance with the License.
6 | You may obtain a copy of the License at
7 |
8 | http://www.apache.org/licenses/LICENSE-2.0
9 |
10 | Unless required by applicable law or agreed to in writing, software
11 | distributed under the License is distributed on an "AS IS" BASIS,
12 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13 | See the License for the specific language governing permissions and
14 | limitations under the License. */
15 |
16 | import tokenReducer from '../tokenReducer';
17 |
18 | describe('tokenReducer', () => {
19 | it('should return the initial state', () => {
20 | const newState = tokenReducer(undefined, { type: '@@INIT' });
21 | expect(newState).toEqual({
22 | '0x0000000000000000000000000000000000000000': {
23 | currency: '0x0000000000000000000000000000000000000000',
24 | decimals: 18,
25 | name: 'ETH'
26 | }
27 | });
28 | });
29 |
30 | it('should handle token fetch success', () => {
31 | const action = {
32 | type: 'TOKEN/GET/SUCCESS',
33 | payload: { currency: '0xomg', decimals: 18, name: 'OMG' }
34 | };
35 | const newState = tokenReducer(undefined, action);
36 | expect(newState).toEqual({
37 | '0x0000000000000000000000000000000000000000': { currency: '0x0000000000000000000000000000000000000000', decimals: 18, name: 'ETH' },
38 | '0xomg': { currency: '0xomg', decimals: 18, name: 'OMG' }
39 | });
40 | });
41 | });
42 |
--------------------------------------------------------------------------------
/src/reducers/__tests__/transactionReducer.test.js:
--------------------------------------------------------------------------------
1 | /*
2 | Copyright 2019-present OmiseGO Pte Ltd
3 |
4 | Licensed under the Apache License, Version 2.0 (the "License");
5 | you may not use this file except in compliance with the License.
6 | You may obtain a copy of the License at
7 |
8 | http://www.apache.org/licenses/LICENSE-2.0
9 |
10 | Unless required by applicable law or agreed to in writing, software
11 | distributed under the License is distributed on an "AS IS" BASIS,
12 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13 | See the License for the specific language governing permissions and
14 | limitations under the License. */
15 |
16 | import transactionReducer from '../transactionReducer';
17 |
18 | describe('transactionReducer', () => {
19 | it('should return the initial state', () => {
20 | const newState = transactionReducer(undefined, { type: '@@INIT' });
21 | expect(newState).toEqual({});
22 | });
23 |
24 | it('should handle transaction fetch success', () => {
25 | const action = {
26 | type: 'TRANSACTION/GETALL/SUCCESS',
27 | payload: [ { txhash: '0x1', metadata: 'toto' } ]
28 | };
29 | const newState = transactionReducer(undefined, action);
30 | expect(newState).toEqual({
31 | '0x1': { txhash: '0x1', metadata: 'toto' }
32 | });
33 | });
34 |
35 | it('should handle transfer create success', () => {
36 | const action = {
37 | type: 'TRANSFER/CREATE/SUCCESS',
38 | payload: { txhash: '0x1', metadata: 'toto' }
39 | };
40 | const newState = transactionReducer(undefined, action);
41 | expect(newState).toEqual({
42 | '0x1': { txhash: '0x1', metadata: 'toto' }
43 | });
44 | });
45 | });
46 |
--------------------------------------------------------------------------------
/src/reducers/__tests__/uiReducer.test.js:
--------------------------------------------------------------------------------
1 | /*
2 | Copyright 2019-present OmiseGO Pte Ltd
3 |
4 | Licensed under the Apache License, Version 2.0 (the "License");
5 | you may not use this file except in compliance with the License.
6 | You may obtain a copy of the License at
7 |
8 | http://www.apache.org/licenses/LICENSE-2.0
9 |
10 | Unless required by applicable law or agreed to in writing, software
11 | distributed under the License is distributed on an "AS IS" BASIS,
12 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13 | See the License for the specific language governing permissions and
14 | limitations under the License. */
15 |
16 | import uiReducer from '../uiReducer';
17 |
18 | const initialState = {
19 | depositModal: false,
20 | transferModal: false,
21 | exitModal: false,
22 | mergeModal: false,
23 | wrongNetworkModal: false,
24 | ledger: false,
25 | ledgerConnectModal: true,
26 | activeHistoryTab: 'Transactions',
27 | alert: null,
28 | error: null
29 | };
30 |
31 | describe('uiReducer', () => {
32 | it('should return the initial state', () => {
33 | const newState = uiReducer(undefined, { type: '@@INIT' });
34 | expect(newState).toEqual(initialState);
35 | });
36 |
37 | it('should handle modal open', () => {
38 | const action = {
39 | type: 'UI/MODAL/OPEN',
40 | payload: 'depositModal'
41 | };
42 | const newState = uiReducer(undefined, action);
43 | expect(newState).toEqual({ ...initialState, depositModal: true });
44 | });
45 |
46 | it('should handle modal close', () => {
47 | const action = {
48 | type: 'UI/MODAL/CLOSE',
49 | payload: 'depositModal'
50 | };
51 | const newState = uiReducer(undefined, action);
52 | expect(newState).toEqual(initialState);
53 | });
54 |
55 | it('should handle new alert', () => {
56 | const action = {
57 | type: 'UI/ALERT/UPDATE',
58 | payload: 'oops'
59 | };
60 | const newState = uiReducer(undefined, action);
61 | expect(newState).toEqual({ ...initialState, alert: 'oops' });
62 | });
63 |
64 | it('should handle new error', () => {
65 | const action = {
66 | type: 'UI/ERROR/UPDATE',
67 | payload: 'oops'
68 | };
69 | const newState = uiReducer(undefined, action);
70 | expect(newState).toEqual({ ...initialState, error: 'oops' });
71 | });
72 | });
73 |
--------------------------------------------------------------------------------
/src/reducers/balanceReducer.js:
--------------------------------------------------------------------------------
1 | /*
2 | Copyright 2019-present OmiseGO Pte Ltd
3 |
4 | Licensed under the Apache License, Version 2.0 (the "License");
5 | you may not use this file except in compliance with the License.
6 | You may obtain a copy of the License at
7 |
8 | http://www.apache.org/licenses/LICENSE-2.0
9 |
10 | Unless required by applicable law or agreed to in writing, software
11 | distributed under the License is distributed on an "AS IS" BASIS,
12 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13 | See the License for the specific language governing permissions and
14 | limitations under the License. */
15 |
16 | const initialState = {
17 | rootchain: [],
18 | childchain: []
19 | };
20 |
21 | function balanceReducer (state = initialState, action) {
22 | switch (action.type) {
23 | case 'BALANCE/GET/SUCCESS':
24 | const { rootchain, childchain } = action.payload;
25 | return { ...state, rootchain, childchain };
26 | default:
27 | return state;
28 | }
29 | }
30 |
31 | export default balanceReducer;
32 |
--------------------------------------------------------------------------------
/src/reducers/depositReducer.js:
--------------------------------------------------------------------------------
1 | /*
2 | Copyright 2019-present OmiseGO Pte Ltd
3 |
4 | Licensed under the Apache License, Version 2.0 (the "License");
5 | you may not use this file except in compliance with the License.
6 | You may obtain a copy of the License at
7 |
8 | http://www.apache.org/licenses/LICENSE-2.0
9 |
10 | Unless required by applicable law or agreed to in writing, software
11 | distributed under the License is distributed on an "AS IS" BASIS,
12 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13 | See the License for the specific language governing permissions and
14 | limitations under the License. */
15 |
16 | import { keyBy } from 'lodash';
17 |
18 | const initialState = {
19 | eth: {},
20 | erc20: {}
21 | };
22 |
23 | function depositReducer (state = initialState, action) {
24 | switch (action.type) {
25 | case 'DEPOSIT/CREATE/SUCCESS':
26 | const isEth = action.payload.isEth;
27 | if (isEth) {
28 | return {
29 | ...state,
30 | eth: {
31 | ...state.eth,
32 | [action.payload.transactionHash]: action.payload
33 | }
34 | };
35 | }
36 | return {
37 | ...state,
38 | erc20: {
39 | ...state.erc20,
40 | [action.payload.transactionHash]: action.payload
41 | }
42 | };
43 | case 'DEPOSIT/CHECKALL/SUCCESS':
44 | case 'DEPOSIT/GETALL/SUCCESS':
45 | const { eth, erc20 } = action.payload;
46 | return {
47 | ...state,
48 | eth: {
49 | ...state.eth,
50 | ...keyBy(eth, 'transactionHash')
51 | },
52 | erc20: {
53 | ...state.erc20,
54 | ...keyBy(erc20, 'transactionHash')
55 | }
56 | };
57 | default:
58 | return state;
59 | }
60 | }
61 |
62 | export default depositReducer;
63 |
--------------------------------------------------------------------------------
/src/reducers/exitReducer.js:
--------------------------------------------------------------------------------
1 | /*
2 | Copyright 2019-present OmiseGO Pte Ltd
3 |
4 | Licensed under the Apache License, Version 2.0 (the "License");
5 | you may not use this file except in compliance with the License.
6 | You may obtain a copy of the License at
7 |
8 | http://www.apache.org/licenses/LICENSE-2.0
9 |
10 | Unless required by applicable law or agreed to in writing, software
11 | distributed under the License is distributed on an "AS IS" BASIS,
12 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13 | See the License for the specific language governing permissions and
14 | limitations under the License. */
15 |
16 | import { keyBy } from 'lodash';
17 |
18 | const initialState = {
19 | pending: {},
20 | exited: {}
21 | };
22 |
23 | function exitReducer (state = initialState, action) {
24 | switch (action.type) {
25 | case 'EXIT/GETALL/SUCCESS':
26 | // action.payload will be null on an event timeout, so return old state
27 | if (!action.payload) {
28 | return state;
29 | }
30 | return { ...state, ...action.payload };
31 | case 'EXIT/CREATE/SUCCESS':
32 | return {
33 | ...state,
34 | pending: {
35 | ...state.pending,
36 | [action.payload.transactionHash]: action.payload
37 | }
38 | };
39 | case 'EXIT/CHECKALL/SUCCESS':
40 | return {
41 | ...state,
42 | pending: {
43 | ...state.pending,
44 | ...keyBy(action.payload, 'transactionHash')
45 | }
46 | };
47 | default:
48 | return state;
49 | }
50 | }
51 |
52 | export default exitReducer;
53 |
--------------------------------------------------------------------------------
/src/reducers/feeReducer.js:
--------------------------------------------------------------------------------
1 | /*
2 | Copyright 2019-present OmiseGO Pte Ltd
3 |
4 | Licensed under the Apache License, Version 2.0 (the "License");
5 | you may not use this file except in compliance with the License.
6 | You may obtain a copy of the License at
7 |
8 | http://www.apache.org/licenses/LICENSE-2.0
9 |
10 | Unless required by applicable law or agreed to in writing, software
11 | distributed under the License is distributed on an "AS IS" BASIS,
12 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13 | See the License for the specific language governing permissions and
14 | limitations under the License. */
15 |
16 | import { keyBy } from 'lodash';
17 | const initialState = {};
18 |
19 | function feeReducer (state = initialState, action) {
20 | switch (action.type) {
21 | case 'FEE/GET/SUCCESS':
22 | return { ...state, ...keyBy(action.payload, 'currency') };
23 | default:
24 | return state;
25 | }
26 | }
27 |
28 | export default feeReducer;
29 |
--------------------------------------------------------------------------------
/src/reducers/gasReducer.js:
--------------------------------------------------------------------------------
1 | /*
2 | Copyright 2019-present OmiseGO Pte Ltd
3 |
4 | Licensed under the Apache License, Version 2.0 (the "License");
5 | you may not use this file except in compliance with the License.
6 | You may obtain a copy of the License at
7 |
8 | http://www.apache.org/licenses/LICENSE-2.0
9 |
10 | Unless required by applicable law or agreed to in writing, software
11 | distributed under the License is distributed on an "AS IS" BASIS,
12 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13 | See the License for the specific language governing permissions and
14 | limitations under the License. */
15 |
16 | const initialState = {
17 | slow: 0,
18 | normal: 0,
19 | fast: 0
20 | };
21 |
22 | function gasReducer (state = initialState, action) {
23 | switch (action.type) {
24 | case 'GAS/GET/SUCCESS':
25 | return { ...state, ...action.payload };
26 | default:
27 | return state;
28 | }
29 | }
30 |
31 | export default gasReducer;
32 |
--------------------------------------------------------------------------------
/src/reducers/index.js:
--------------------------------------------------------------------------------
1 | /*
2 | Copyright 2019-present OmiseGO Pte Ltd
3 |
4 | Licensed under the Apache License, Version 2.0 (the "License");
5 | you may not use this file except in compliance with the License.
6 | You may obtain a copy of the License at
7 |
8 | http://www.apache.org/licenses/LICENSE-2.0
9 |
10 | Unless required by applicable law or agreed to in writing, software
11 | distributed under the License is distributed on an "AS IS" BASIS,
12 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13 | See the License for the specific language governing permissions and
14 | limitations under the License. */
15 |
16 | import { combineReducers } from 'redux';
17 |
18 | import loadingReducer from './loadingReducer';
19 | import depositReducer from './depositReducer';
20 | import transactionReducer from './transactionReducer';
21 | import statusReducer from './statusReducer';
22 | import balanceReducer from './balanceReducer';
23 | import exitReducer from './exitReducer';
24 | import queueReducer from './queueReducer';
25 | import tokenReducer from './tokenReducer';
26 | import feeReducer from './feeReducer';
27 | import gasReducer from './gasReducer';
28 | import uiReducer from './uiReducer';
29 | import setupReducer from './setupReducer';
30 |
31 | const rootReducer = combineReducers({
32 | loading: loadingReducer,
33 | deposit: depositReducer,
34 | transaction: transactionReducer,
35 | status: statusReducer,
36 | balance: balanceReducer,
37 | exit: exitReducer,
38 | queue: queueReducer,
39 | token: tokenReducer,
40 | fees: feeReducer,
41 | gas: gasReducer,
42 | ui: uiReducer,
43 | setup: setupReducer
44 | });
45 |
46 | export default rootReducer;
47 |
--------------------------------------------------------------------------------
/src/reducers/loadingReducer.js:
--------------------------------------------------------------------------------
1 | /*
2 | Copyright 2019-present OmiseGO Pte Ltd
3 |
4 | Licensed under the Apache License, Version 2.0 (the "License");
5 | you may not use this file except in compliance with the License.
6 | You may obtain a copy of the License at
7 |
8 | http://www.apache.org/licenses/LICENSE-2.0
9 |
10 | Unless required by applicable law or agreed to in writing, software
11 | distributed under the License is distributed on an "AS IS" BASIS,
12 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13 | See the License for the specific language governing permissions and
14 | limitations under the License. */
15 |
16 | const initialLoadingState = {};
17 |
18 | function loadingReducer (state = initialLoadingState, action) {
19 | const segments = action.type.split('/');
20 | const requestName = `${segments[0]}/${segments[1]}`;
21 | const requestState = segments[2];
22 |
23 | if (
24 | requestState !== 'REQUEST' &&
25 | requestState !== 'SUCCESS' &&
26 | requestState !== 'ERROR'
27 | ) {
28 | return state;
29 | }
30 |
31 | return {
32 | ...state,
33 | [requestName]: requestState === 'REQUEST'
34 | };
35 | }
36 |
37 | export default loadingReducer;
38 |
--------------------------------------------------------------------------------
/src/reducers/queueReducer.js:
--------------------------------------------------------------------------------
1 | /*
2 | Copyright 2019-present OmiseGO Pte Ltd
3 |
4 | Licensed under the Apache License, Version 2.0 (the "License");
5 | you may not use this file except in compliance with the License.
6 | You may obtain a copy of the License at
7 |
8 | http://www.apache.org/licenses/LICENSE-2.0
9 |
10 | Unless required by applicable law or agreed to in writing, software
11 | distributed under the License is distributed on an "AS IS" BASIS,
12 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13 | See the License for the specific language governing permissions and
14 | limitations under the License. */
15 |
16 | const initialState = {};
17 |
18 | function queueReducer (state = initialState, action) {
19 | switch (action.type) {
20 | case 'QUEUE/GET/SUCCESS':
21 | if (action.payload) {
22 | const { currency, queue } = action.payload;
23 | return { ...state, [currency]: queue };
24 | }
25 | return state;
26 | default:
27 | return state;
28 | }
29 | }
30 |
31 | export default queueReducer;
32 |
--------------------------------------------------------------------------------
/src/reducers/setupReducer.js:
--------------------------------------------------------------------------------
1 | /*
2 | Copyright 2019-present OmiseGO Pte Ltd
3 |
4 | Licensed under the Apache License, Version 2.0 (the "License");
5 | you may not use this file except in compliance with the License.
6 | You may obtain a copy of the License at
7 |
8 | http://www.apache.org/licenses/LICENSE-2.0
9 |
10 | Unless required by applicable law or agreed to in writing, software
11 | distributed under the License is distributed on an "AS IS" BASIS,
12 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13 | See the License for the specific language governing permissions and
14 | limitations under the License. */
15 |
16 | const initialState = {
17 | walletMethod: null
18 | };
19 |
20 | function setupReducer (state = initialState, action) {
21 | switch (action.type) {
22 | case 'SETUP/WALLET_METHOD/SET':
23 | return { ...state, walletMethod: action.payload };
24 | default:
25 | return state;
26 | }
27 | }
28 |
29 | export default setupReducer;
30 |
--------------------------------------------------------------------------------
/src/reducers/statusReducer.js:
--------------------------------------------------------------------------------
1 | /*
2 | Copyright 2019-present OmiseGO Pte Ltd
3 |
4 | Licensed under the Apache License, Version 2.0 (the "License");
5 | you may not use this file except in compliance with the License.
6 | You may obtain a copy of the License at
7 |
8 | http://www.apache.org/licenses/LICENSE-2.0
9 |
10 | Unless required by applicable law or agreed to in writing, software
11 | distributed under the License is distributed on an "AS IS" BASIS,
12 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13 | See the License for the specific language governing permissions and
14 | limitations under the License. */
15 |
16 | const initialState = {
17 | connection: false,
18 | byzantine: false
19 | };
20 |
21 | function statusReducer (state = initialState, action) {
22 | switch (action.type) {
23 | case 'STATUS/GET/SUCCESS':
24 | return { ...state, ...action.payload };
25 | case 'ETHSTATS/GET/SUCCESS':
26 | if (action.payload) {
27 | return { ...state, ...action.payload };
28 | }
29 | return state;
30 | default:
31 | return state;
32 | }
33 | }
34 |
35 | export default statusReducer;
36 |
--------------------------------------------------------------------------------
/src/reducers/tokenReducer.js:
--------------------------------------------------------------------------------
1 | /*
2 | Copyright 2019-present OmiseGO Pte Ltd
3 |
4 | Licensed under the Apache License, Version 2.0 (the "License");
5 | you may not use this file except in compliance with the License.
6 | You may obtain a copy of the License at
7 |
8 | http://www.apache.org/licenses/LICENSE-2.0
9 |
10 | Unless required by applicable law or agreed to in writing, software
11 | distributed under the License is distributed on an "AS IS" BASIS,
12 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13 | See the License for the specific language governing permissions and
14 | limitations under the License. */
15 |
16 | const eth = '0x0000000000000000000000000000000000000000';
17 | const initialState = {
18 | [eth]: {
19 | currency: eth,
20 | decimals: 18,
21 | name: 'ETH'
22 | }
23 | };
24 |
25 | function tokenReducer (state = initialState, action) {
26 | switch (action.type) {
27 | case 'TOKEN/GET/SUCCESS':
28 | return { ...state, [action.payload.currency]: action.payload };
29 | default:
30 | return state;
31 | }
32 | }
33 |
34 | export default tokenReducer;
35 |
--------------------------------------------------------------------------------
/src/reducers/transactionReducer.js:
--------------------------------------------------------------------------------
1 | /*
2 | Copyright 2019-present OmiseGO Pte Ltd
3 |
4 | Licensed under the Apache License, Version 2.0 (the "License");
5 | you may not use this file except in compliance with the License.
6 | You may obtain a copy of the License at
7 |
8 | http://www.apache.org/licenses/LICENSE-2.0
9 |
10 | Unless required by applicable law or agreed to in writing, software
11 | distributed under the License is distributed on an "AS IS" BASIS,
12 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13 | See the License for the specific language governing permissions and
14 | limitations under the License. */
15 |
16 | import { keyBy } from 'lodash';
17 | const initialState = {};
18 |
19 | function transactionReducer (state = initialState, action) {
20 | switch (action.type) {
21 | case 'TRANSACTION/GETALL/SUCCESS':
22 | return { ...state, ...keyBy(action.payload, 'txhash') };
23 | case 'TRANSFER/CREATE/SUCCESS':
24 | return { ...state, [action.payload.txhash]: action.payload };
25 | default:
26 | return state;
27 | }
28 | }
29 |
30 | export default transactionReducer;
31 |
--------------------------------------------------------------------------------
/src/reducers/uiReducer.js:
--------------------------------------------------------------------------------
1 | /*
2 | Copyright 2019-present OmiseGO Pte Ltd
3 |
4 | Licensed under the Apache License, Version 2.0 (the "License");
5 | you may not use this file except in compliance with the License.
6 | You may obtain a copy of the License at
7 |
8 | http://www.apache.org/licenses/LICENSE-2.0
9 |
10 | Unless required by applicable law or agreed to in writing, software
11 | distributed under the License is distributed on an "AS IS" BASIS,
12 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13 | See the License for the specific language governing permissions and
14 | limitations under the License. */
15 |
16 | const initialState = {
17 | depositModal: false,
18 | transferModal: false,
19 | exitModal: false,
20 | mergeModal: false,
21 | wrongNetworkModal: false,
22 | ledgerConnectModal: true,
23 | ledger: false,
24 | alert: null,
25 | error: null,
26 | activeHistoryTab: 'Transactions'
27 | };
28 |
29 | function uiReducer (state = initialState, action) {
30 | switch (action.type) {
31 | case 'UI/MODAL/OPEN':
32 | return { ...state, [action.payload]: true };
33 | case 'UI/MODAL/CLOSE':
34 | return { ...state, [action.payload]: false };
35 | case 'UI/ALERT/UPDATE':
36 | return { ...state, alert: action.payload };
37 | case 'UI/ERROR/UPDATE':
38 | return { ...state, error: action.payload };
39 | case 'UI/LEDGER/UPDATE':
40 | return { ...state, ledger: action.payload };
41 | case 'UI/HISTORYTAB/UPDATE':
42 | return { ...state, activeHistoryTab: action.payload };
43 | default:
44 | return state;
45 | }
46 | }
47 |
48 | export default uiReducer;
49 |
--------------------------------------------------------------------------------
/src/selectors/balanceSelector.js:
--------------------------------------------------------------------------------
1 | /*
2 | Copyright 2019-present OmiseGO Pte Ltd
3 |
4 | Licensed under the Apache License, Version 2.0 (the "License");
5 | you may not use this file except in compliance with the License.
6 | You may obtain a copy of the License at
7 |
8 | http://www.apache.org/licenses/LICENSE-2.0
9 |
10 | Unless required by applicable law or agreed to in writing, software
11 | distributed under the License is distributed on an "AS IS" BASIS,
12 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13 | See the License for the specific language governing permissions and
14 | limitations under the License. */
15 |
16 | export function selectRootchainBalance (state) {
17 | return state.balance.rootchain;
18 | }
19 |
20 | export function selectChildchainBalance (state) {
21 | return state.balance.childchain;
22 | }
23 |
--------------------------------------------------------------------------------
/src/selectors/exitSelector.js:
--------------------------------------------------------------------------------
1 | /*
2 | Copyright 2019-present OmiseGO Pte Ltd
3 |
4 | Licensed under the Apache License, Version 2.0 (the "License");
5 | you may not use this file except in compliance with the License.
6 | You may obtain a copy of the License at
7 |
8 | http://www.apache.org/licenses/LICENSE-2.0
9 |
10 | Unless required by applicable law or agreed to in writing, software
11 | distributed under the License is distributed on an "AS IS" BASIS,
12 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13 | See the License for the specific language governing permissions and
14 | limitations under the License. */
15 |
16 | export function selectPendingExits (state) {
17 | return Object.values(state.exit.pending);
18 | }
19 |
20 | export function selectExitedExits (state) {
21 | return Object.values(state.exit.exited);
22 | }
23 |
--------------------------------------------------------------------------------
/src/selectors/feeSelector.js:
--------------------------------------------------------------------------------
1 | /*
2 | Copyright 2019-present OmiseGO Pte Ltd
3 |
4 | Licensed under the Apache License, Version 2.0 (the "License");
5 | you may not use this file except in compliance with the License.
6 | You may obtain a copy of the License at
7 |
8 | http://www.apache.org/licenses/LICENSE-2.0
9 |
10 | Unless required by applicable law or agreed to in writing, software
11 | distributed under the License is distributed on an "AS IS" BASIS,
12 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13 | See the License for the specific language governing permissions and
14 | limitations under the License. */
15 |
16 | export function selectFees (state) {
17 | return state.fees;
18 | }
19 |
--------------------------------------------------------------------------------
/src/selectors/gasSelector.js:
--------------------------------------------------------------------------------
1 | /*
2 | Copyright 2019-present OmiseGO Pte Ltd
3 |
4 | Licensed under the Apache License, Version 2.0 (the "License");
5 | you may not use this file except in compliance with the License.
6 | You may obtain a copy of the License at
7 |
8 | http://www.apache.org/licenses/LICENSE-2.0
9 |
10 | Unless required by applicable law or agreed to in writing, software
11 | distributed under the License is distributed on an "AS IS" BASIS,
12 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13 | See the License for the specific language governing permissions and
14 | limitations under the License. */
15 |
16 | export function selectGas (state) {
17 | return state.gas;
18 | }
19 |
--------------------------------------------------------------------------------
/src/selectors/loadingSelector.js:
--------------------------------------------------------------------------------
1 | /*
2 | Copyright 2019-present OmiseGO Pte Ltd
3 |
4 | Licensed under the Apache License, Version 2.0 (the "License");
5 | you may not use this file except in compliance with the License.
6 | You may obtain a copy of the License at
7 |
8 | http://www.apache.org/licenses/LICENSE-2.0
9 |
10 | Unless required by applicable law or agreed to in writing, software
11 | distributed under the License is distributed on an "AS IS" BASIS,
12 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13 | See the License for the specific language governing permissions and
14 | limitations under the License. */
15 |
16 | export function selectLoading (requestNames) {
17 | return function (state) {
18 | return requestNames.some(name => state.loading[name]);
19 | };
20 | }
21 |
--------------------------------------------------------------------------------
/src/selectors/queueSelector.js:
--------------------------------------------------------------------------------
1 | /*
2 | Copyright 2019-present OmiseGO Pte Ltd
3 |
4 | Licensed under the Apache License, Version 2.0 (the "License");
5 | you may not use this file except in compliance with the License.
6 | You may obtain a copy of the License at
7 |
8 | http://www.apache.org/licenses/LICENSE-2.0
9 |
10 | Unless required by applicable law or agreed to in writing, software
11 | distributed under the License is distributed on an "AS IS" BASIS,
12 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13 | See the License for the specific language governing permissions and
14 | limitations under the License. */
15 |
16 | import { flatten } from 'lodash';
17 |
18 | export function selectQueue (currency) {
19 | return function (state) {
20 | return state.queue[currency];
21 | };
22 | }
23 |
24 | export function selectQueues (state) {
25 | return state.queue;
26 | }
27 |
28 | export function selectAllQueues (state) {
29 | const queues = Object.values(state.queue);
30 | return flatten(queues);
31 | }
32 |
33 | export function selectQueuedTokens (state) {
34 | return Object.keys(state.queue);
35 | }
36 |
--------------------------------------------------------------------------------
/src/selectors/setupSelector.js:
--------------------------------------------------------------------------------
1 | /*
2 | Copyright 2019-present OmiseGO Pte Ltd
3 |
4 | Licensed under the Apache License, Version 2.0 (the "License");
5 | you may not use this file except in compliance with the License.
6 | You may obtain a copy of the License at
7 |
8 | http://www.apache.org/licenses/LICENSE-2.0
9 |
10 | Unless required by applicable law or agreed to in writing, software
11 | distributed under the License is distributed on an "AS IS" BASIS,
12 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13 | See the License for the specific language governing permissions and
14 | limitations under the License. */
15 |
16 | export function selectWalletMethod () {
17 | return function (state) {
18 | return state.setup['walletMethod'];
19 | };
20 | }
21 |
--------------------------------------------------------------------------------
/src/selectors/statusSelector.js:
--------------------------------------------------------------------------------
1 | /*
2 | Copyright 2019-present OmiseGO Pte Ltd
3 |
4 | Licensed under the Apache License, Version 2.0 (the "License");
5 | you may not use this file except in compliance with the License.
6 | You may obtain a copy of the License at
7 |
8 | http://www.apache.org/licenses/LICENSE-2.0
9 |
10 | Unless required by applicable law or agreed to in writing, software
11 | distributed under the License is distributed on an "AS IS" BASIS,
12 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13 | See the License for the specific language governing permissions and
14 | limitations under the License. */
15 |
16 | export function selectConnection (state) {
17 | return state.status.connection;
18 | }
19 |
20 | export function selectByzantine (state) {
21 | return state.status.byzantine;
22 | }
23 |
24 | export function selectIsSynced (state) {
25 | return state.status.watcherSynced;
26 | }
27 |
28 | export function selectLastSeenBlock (state) {
29 | return state.status.lastSeenBlock;
30 | }
31 |
--------------------------------------------------------------------------------
/src/selectors/transactionSelector.js:
--------------------------------------------------------------------------------
1 | /*
2 | Copyright 2019-present OmiseGO Pte Ltd
3 |
4 | Licensed under the Apache License, Version 2.0 (the "License");
5 | you may not use this file except in compliance with the License.
6 | You may obtain a copy of the License at
7 |
8 | http://www.apache.org/licenses/LICENSE-2.0
9 |
10 | Unless required by applicable law or agreed to in writing, software
11 | distributed under the License is distributed on an "AS IS" BASIS,
12 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13 | See the License for the specific language governing permissions and
14 | limitations under the License. */
15 |
16 | export function selectChildchainTransactions (state) {
17 | return Object.values(state.transaction);
18 | }
19 |
20 | export function selectErc20Deposits (state) {
21 | return Object.values(state.deposit.erc20);
22 | }
23 |
24 | export function selectEthDeposits (state) {
25 | return Object.values(state.deposit.eth);
26 | }
27 |
--------------------------------------------------------------------------------
/src/selectors/uiSelector.js:
--------------------------------------------------------------------------------
1 | /*
2 | Copyright 2019-present OmiseGO Pte Ltd
3 |
4 | Licensed under the Apache License, Version 2.0 (the "License");
5 | you may not use this file except in compliance with the License.
6 | You may obtain a copy of the License at
7 |
8 | http://www.apache.org/licenses/LICENSE-2.0
9 |
10 | Unless required by applicable law or agreed to in writing, software
11 | distributed under the License is distributed on an "AS IS" BASIS,
12 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13 | See the License for the specific language governing permissions and
14 | limitations under the License. */
15 |
16 | export function selectModalState (modal) {
17 | return function (state) {
18 | return state.ui[modal];
19 | };
20 | }
21 |
22 | export function selectAlert (state) {
23 | return state.ui.alert;
24 | }
25 |
26 | export function selectError (state) {
27 | return state.ui.error;
28 | }
29 |
30 | export function selectLedger (state) {
31 | return state.ui.ledger;
32 | }
33 |
34 | export function selectActiveHistoryTab (state) {
35 | return state.ui.activeHistoryTab;
36 | }
37 |
--------------------------------------------------------------------------------
/src/services/__mocks__/networkService.js:
--------------------------------------------------------------------------------
1 | /*
2 | Copyright 2019-present OmiseGO Pte Ltd
3 | Licensed under the Apache License, Version 2.0 (the "License");
4 | you may not use this file except in compliance with the License.
5 | You may obtain a copy of the License at
6 | http://www.apache.org/licenses/LICENSE-2.0
7 | Unless required by applicable law or agreed to in writing, software
8 | distributed under the License is distributed on an "AS IS" BASIS,
9 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
10 | See the License for the specific language governing permissions and
11 | limitations under the License. */
12 |
13 | const networkService = {
14 | OmgUtil: {
15 | ethErrorReason: jest.fn().mockImplementationOnce(() => Promise.resolve('toto'))
16 | },
17 | web3: {
18 | eth: {
19 | Contract: function () {
20 | return {
21 | methods: {
22 | symbol: () => ({
23 | call: jest.fn(() => Promise.resolve('OMG'))
24 | }),
25 | decimals: () => ({
26 | call: jest.fn(() => Promise.resolve(18))
27 | })
28 | }
29 | };
30 | }
31 | }
32 | },
33 | checkStatus: () => Promise.resolve('toto'),
34 | getBalances: () => Promise.resolve('toto'),
35 | getAllTransactions: () => Promise.resolve('toto'),
36 | getDeposits: () => Promise.resolve('toto'),
37 | getExits: () => Promise.resolve('toto'),
38 | checkForExitQueue: () => Promise.resolve(true),
39 | getExitQueue: () => Promise.resolve('toto'),
40 | addExitQueue: () => Promise.resolve('toto'),
41 | exitUtxo: () => Promise.resolve('toto'),
42 | depositEth: () => Promise.resolve('toto'),
43 | processExits: () => Promise.resolve('toto'),
44 | transfer: () => Promise.resolve('toto'),
45 | mergeUtxos: () => Promise.resolve('toto'),
46 | getGasPrice: () => Promise.resolve('toto'),
47 | fetchFees: () => Promise.resolve([ 1, 2, 3 ])
48 | };
49 |
50 | export default networkService;
51 |
--------------------------------------------------------------------------------
/src/services/errorService.js:
--------------------------------------------------------------------------------
1 | /*
2 | Copyright 2019-present OmiseGO Pte Ltd
3 |
4 | Licensed under the Apache License, Version 2.0 (the "License");
5 | you may not use this file except in compliance with the License.
6 | You may obtain a copy of the License at
7 |
8 | http://www.apache.org/licenses/LICENSE-2.0
9 |
10 | Unless required by applicable law or agreed to in writing, software
11 | distributed under the License is distributed on an "AS IS" BASIS,
12 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13 | See the License for the specific language governing permissions and
14 | limitations under the License. */
15 |
16 | import * as Sentry from '@sentry/react';
17 | import config from 'util/config';
18 |
19 | import { openError } from 'actions/uiAction';
20 |
21 | if (config.sentry) {
22 | Sentry.init({ dsn: config.sentry });
23 | }
24 |
25 | const errorCache = [];
26 | const noLogErrors = [
27 | 'user denied',
28 | 'user rejected',
29 | 'user canceled',
30 | 'user cancelled'
31 | ];
32 |
33 | export class WebWalletError extends Error {
34 | constructor ({
35 | originalError,
36 | customErrorMessage,
37 | reportToSentry,
38 | reportToUi
39 | }) {
40 | super(originalError.message);
41 | this._originalError = originalError;
42 | this._customErrorMessage = customErrorMessage;
43 | this._reportToSentry = reportToSentry;
44 | this._reportToUi = reportToUi;
45 | }
46 |
47 | report (dispatchMethod) {
48 | const metamaskHeaderNotFoundCode = -3200;
49 | if (
50 | noLogErrors.find(i => this._originalError.message && this._originalError.message.toLowerCase().includes(i)) ||
51 | this._originalError.code === metamaskHeaderNotFoundCode
52 | ) {
53 | return;
54 | }
55 |
56 | if (this._reportToSentry && config.sentry) {
57 | if (!errorCache.includes(this._originalError.message)) {
58 | errorCache.push(this._originalError.message);
59 | try {
60 | Sentry.captureException(this._originalError);
61 | } catch (error) {
62 | //
63 | }
64 | }
65 | }
66 |
67 | if (this._reportToUi) {
68 | dispatchMethod(
69 | openError(this._customErrorMessage || this._originalError.message || 'Something went wrong.')
70 | );
71 | }
72 | }
73 | }
74 |
--------------------------------------------------------------------------------
/src/store/__mocks__/index.js:
--------------------------------------------------------------------------------
1 | import configureMockStore from 'redux-mock-store';
2 | import thunk from 'redux-thunk';
3 |
4 | const middlewares = [ thunk ];
5 | const mockStore = configureMockStore(middlewares);
6 |
7 | const store = mockStore({
8 | fees: {},
9 | token: {
10 | '0x0000000000000000000000000000000000000000': {
11 | currency: '0x0000000000000000000000000000000000000000',
12 | decimals: 18,
13 | name: 'ETH'
14 | }
15 | }
16 | });
17 |
18 | export default store;
19 |
--------------------------------------------------------------------------------
/src/store/index.js:
--------------------------------------------------------------------------------
1 | /*
2 | Copyright 2019-present OmiseGO Pte Ltd
3 |
4 | Licensed under the Apache License, Version 2.0 (the "License");
5 | you may not use this file except in compliance with the License.
6 | You may obtain a copy of the License at
7 |
8 | http://www.apache.org/licenses/LICENSE-2.0
9 |
10 | Unless required by applicable law or agreed to in writing, software
11 | distributed under the License is distributed on an "AS IS" BASIS,
12 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13 | See the License for the specific language governing permissions and
14 | limitations under the License. */
15 |
16 | import reduxThunk from 'redux-thunk';
17 | import * as Sentry from '@sentry/react';
18 | import { composeWithDevTools } from 'redux-devtools-extension';
19 | import { createStore, applyMiddleware } from 'redux';
20 | import reducers from 'reducers';
21 |
22 | const initialState = {};
23 |
24 | const sentryReduxEnhancer = Sentry.createReduxEnhancer({
25 | configureScopeWithState: (scope, state) => {
26 | scope.setTag('wallet-method', state.setup.walletMethod);
27 | },
28 | stateTransformer: state => {
29 | return {
30 | status: state.status,
31 | ui: state.ui,
32 | setup: state.setup
33 | };
34 | }
35 | });
36 |
37 | const store = createStore(
38 | reducers,
39 | initialState,
40 | composeWithDevTools (
41 | applyMiddleware(reduxThunk),
42 | sentryReduxEnhancer
43 | )
44 | );
45 |
46 | export default store;
47 |
--------------------------------------------------------------------------------
/src/util/__tests__/amountConvert.test.js:
--------------------------------------------------------------------------------
1 | /*
2 | Copyright 2019-present OmiseGO Pte Ltd
3 |
4 | Licensed under the Apache License, Version 2.0 (the "License");
5 | you may not use this file except in compliance with the License.
6 | You may obtain a copy of the License at
7 |
8 | http://www.apache.org/licenses/LICENSE-2.0
9 |
10 | Unless required by applicable law or agreed to in writing, software
11 | distributed under the License is distributed on an "AS IS" BASIS,
12 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13 | See the License for the specific language governing permissions and
14 | limitations under the License. */
15 |
16 | import { logAmount, powAmount } from 'util/amountConvert';
17 |
18 | describe('logAmount', () => {
19 | it('renders the highest denomination as a string', () => {
20 | const res = logAmount('1', 18);
21 | expect(res).toBe('0.000000000000000001');
22 | expect(typeof res).toBe('string');
23 | });
24 |
25 | it('can safely accept any amount or power type', () => {
26 | const res = logAmount(1, 18);
27 | expect(res).toBe('0.000000000000000001');
28 |
29 | const res2 = logAmount('1.0', '18');
30 | expect(res2).toBe('0.000000000000000001');
31 | });
32 |
33 | it('can handle unsafe numbers', () => {
34 | const res = logAmount('999999999999999999999999999999999', 18);
35 | expect(res).toBe('999999999999999.999999999999999999');
36 | });
37 | });
38 |
39 | describe('powAmount', () => {
40 | it('renders the lowest denomination as a string', () => {
41 | const res = powAmount('1', 18);
42 | expect(res).toBe('1000000000000000000');
43 | expect(typeof res).toBe('string');
44 | });
45 |
46 | it('can safely accept any amount or power type', () => {
47 | const res = powAmount(1, 18);
48 | expect(res).toBe('1000000000000000000');
49 |
50 | const res2 = powAmount('1.0', '18');
51 | expect(res2).toBe('1000000000000000000');
52 | });
53 |
54 | it('can handle unsafe numbers', () => {
55 | const res = powAmount('999999999999999999999999999999999', 18);
56 | expect(res).toBe('999999999999999999999999999999999000000000000000000');
57 | });
58 | });
59 |
--------------------------------------------------------------------------------
/src/util/amountConvert.js:
--------------------------------------------------------------------------------
1 | /*
2 | Copyright 2019-present OmiseGO Pte Ltd
3 |
4 | Licensed under the Apache License, Version 2.0 (the "License");
5 | you may not use this file except in compliance with the License.
6 | You may obtain a copy of the License at
7 |
8 | http://www.apache.org/licenses/LICENSE-2.0
9 |
10 | Unless required by applicable law or agreed to in writing, software
11 | distributed under the License is distributed on an "AS IS" BASIS,
12 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13 | See the License for the specific language governing permissions and
14 | limitations under the License. */
15 |
16 | // we use BigNumber here for decimal support
17 | import BigNumber from 'bignumber.js';
18 |
19 | export function logAmount (amount, power) {
20 | const x = new BigNumber(amount);
21 | const exp = new BigNumber(10).pow(power);
22 |
23 | const calculated = x.div(exp);
24 | return calculated.toFixed();
25 | }
26 |
27 | export function powAmount (amount, power) {
28 | const x = new BigNumber(amount);
29 | const exp = new BigNumber(10).pow(power);
30 |
31 | const calculated = x.multipliedBy(exp);
32 | return calculated.toFixed(0);
33 | }
34 |
--------------------------------------------------------------------------------
/src/util/config.js:
--------------------------------------------------------------------------------
1 | /*
2 | Copyright 2019-present OmiseGO Pte Ltd
3 |
4 | Licensed under the Apache License, Version 2.0 (the "License");
5 | you may not use this file except in compliance with the License.
6 | You may obtain a copy of the License at
7 |
8 | http://www.apache.org/licenses/LICENSE-2.0
9 |
10 | Unless required by applicable law or agreed to in writing, software
11 | distributed under the License is distributed on an "AS IS" BASIS,
12 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13 | See the License for the specific language governing permissions and
14 | limitations under the License. */
15 |
16 | import env from '@beam-australia/react-env';
17 |
18 | export default {
19 | watcherUrl: env('WATCHER_URL'),
20 | plasmaAddress: env('PLASMA_ADDRESS'),
21 | blockExplorerUrl: env('BLOCKEXPLORER_URL'),
22 | etherscanUrl: env('ETHERSCAN_URL'),
23 | checkSyncInterval: env('SYNC_INTERVAL'),
24 | pollInterval: env('POLL_INTERVAL'),
25 | network: env('NETWORK'),
26 | alternateWallets: env('ALTERNATE_WALLETS'),
27 | sentry: env('SENTRY_DSN'),
28 | gtmId: env('GTM_ID'),
29 | rpcProxy: env('RPC_PROXY')
30 | };
31 |
--------------------------------------------------------------------------------
/src/util/networkName.js:
--------------------------------------------------------------------------------
1 | /*
2 | Copyright 2019-present OmiseGO Pte Ltd
3 |
4 | Licensed under the Apache License, Version 2.0 (the "License");
5 | you may not use this file except in compliance with the License.
6 | You may obtain a copy of the License at
7 |
8 | http://www.apache.org/licenses/LICENSE-2.0
9 |
10 | Unless required by applicable law or agreed to in writing, software
11 | distributed under the License is distributed on an "AS IS" BASIS,
12 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13 | See the License for the specific language governing permissions and
14 | limitations under the License. */
15 |
16 | import { omit } from 'lodash';
17 | import config from 'util/config';
18 |
19 | const networkMap = {
20 | 'ropsten': 'Ropsten Test Network',
21 | 'main': 'Main Ethereum Network',
22 | 'rinkeby': 'Rinkeby Test Network',
23 | 'kovan': 'Kovan Test Network',
24 | 'private': 'Private Network'
25 | };
26 |
27 | const shortNetworkMap = {
28 | 'ropsten': 'Ropsten',
29 | 'main': 'Mainnet',
30 | 'rinkeby': 'Rinkeby',
31 | 'kovan': 'Kovan',
32 | 'private': 'Private'
33 | };
34 |
35 | export function getNetworkName () {
36 | return networkMap[config.network];
37 | }
38 |
39 | export function getShortNetworkName () {
40 | return shortNetworkMap[config.network];
41 | }
42 |
43 | export function getOtherNetworks () {
44 | const otherNetworks = omit(networkMap, [ 'private', config.network ]);
45 | return Object.values(otherNetworks);
46 | }
47 |
48 | export function getAlternateNetworks () {
49 | const rawAlternates = config.alternateWallets;
50 | if (!rawAlternates) {
51 | return [];
52 | }
53 | const options = rawAlternates.split('|');
54 |
55 | const networks = [];
56 | options.forEach(option => {
57 | const [ networkName, networkUrl ] = option.split(',');
58 | networks.push({
59 | name: networkName.trim(),
60 | url: networkUrl.trim()
61 | });
62 | });
63 |
64 | return networks;
65 | }
66 |
--------------------------------------------------------------------------------
/src/util/useInterval.js:
--------------------------------------------------------------------------------
1 | /*
2 | Copyright 2019-present OmiseGO Pte Ltd
3 |
4 | Licensed under the Apache License, Version 2.0 (the "License");
5 | you may not use this file except in compliance with the License.
6 | You may obtain a copy of the License at
7 |
8 | http://www.apache.org/licenses/LICENSE-2.0
9 |
10 | Unless required by applicable law or agreed to in writing, software
11 | distributed under the License is distributed on an "AS IS" BASIS,
12 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13 | See the License for the specific language governing permissions and
14 | limitations under the License. */
15 |
16 | import { useEffect, useRef } from 'react';
17 |
18 | export default function useInterval (callback, delay) {
19 | const savedCallback = useRef();
20 |
21 | useEffect(() => {
22 | savedCallback.current = callback;
23 | }, [ callback ]);
24 |
25 | useEffect(() => {
26 | function tick () {
27 | savedCallback.current();
28 | }
29 | if (delay !== null) {
30 | tick();
31 | let id = setInterval(tick, delay);
32 | return () => clearInterval(id);
33 | }
34 | }, [ delay ]);
35 | }
36 |
--------------------------------------------------------------------------------