git.iko.soy/bridge
on 1171039 help sign in
bridge/src/views/Network.js
65 lines 1.5 kB history raw
1import React from 'react';
3import { Button } from '../components/old/Base';
4import { InnerLabelDropdown } from '../components/old/Base';
5import { H1, P } from '../components/old/Base';
6import { NETWORK_TYPES, renderNetworkType } from '../lib/network';
7import { ROUTE_NAMES } from '../lib/routeNames';
8import { useHistory } from '../store/history';
9import { useNetwork } from '../store/network';
10import View from 'components/View';
12const kNetworkOptions = [
13 {
14 title: 'Main Network (default)',
15 value: NETWORK_TYPES.MAINNET,
16 },
17 {
18 title: 'Ropsten',
19 value: NETWORK_TYPES.ROPSTEN,
20 },
21 {
22 title: 'Local Node',
23 value: NETWORK_TYPES.LOCAL,
24 },
25 {
26 type: 'divider',
27 },
28 {
29 title: 'Offline',
30 value: NETWORK_TYPES.OFFLINE,
31 },
32];
34function Network() {
35 const { networkType, setNetworkType } = useNetwork();
36 const history = useHistory();
38 return (
39 <View>
40 <H1>{'Select Network'}</H1>
42 <P>
43 {"Please select the Ethereum node you'd like to send " +
44 'transactions to. For highly valuable keys, please select ' +
45 'offline mode.'}
46 </P>
48 <InnerLabelDropdown
49 className={'mt-6'}
50 title={'Node:'}
51 handleUpdate={setNetworkType}
52 options={kNetworkOptions}
53 currentSelectionTitle={renderNetworkType(networkType)}
54 />
56 <Button
57 className={'mt-10'}
58 onClick={() => history.push(ROUTE_NAMES.WALLET)}>
59 {'Continue →'}
60 </Button>
61 </View>
62 );
65export default Network;