git.iko.soy/bridge
on aee35bb help sign in
bridge/src/views/Network.js
62 lines 1.5 kB history raw
1import React from 'react';
2import { Button } from 'indigo-react';
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 title={'Node:'}
50 handleUpdate={setNetworkType}
51 options={kNetworkOptions}
52 currentSelectionTitle={renderNetworkType(networkType)}
53 />
55 <Button icon="→" onClick={() => history.push(ROUTE_NAMES.WALLET)}>
56 Continue
57 </Button>
58 </View>
59 );
62export default Network;