git.iko.soy/bridge
on c510d9a help sign in
bridge/src/Bridge.js
113 lines 3.4 kB history raw
1import React from 'react';
2import { useEffect } from 'react';
3import { Just, Nothing } from 'folktale/maybe';
4import { IndigoApp } from 'indigo-react';
6import Router from 'components/Router';
8import Provider from 'store/Provider';
10import { ROUTE_NAMES } from 'lib/routeNames';
11import { ROUTES } from 'lib/router';
12import { NETWORK_TYPES } from 'lib/network';
13import { walletFromMnemonic } from 'lib/wallet';
14import { isDevelopment, isMainnet, isRopsten } from 'lib/flags';
15import useImpliedTicket from 'lib/useImpliedTicket';
16import useHasDisclaimed from 'lib/useHasDisclaimed';
18import 'style/index.scss';
19import { ThemeProvider } from 'styled-components';
20import light from '@tlon/indigo-light';
22import WithErrorBoundary from 'components/WithErrorBoundary';
23import GlobalErrorBoundary from 'components/GlobalErrorBoundary';
24import Modal from 'components/L2/Modal';
25import { useRollerStore } from 'store/rollerStore';
26import { Box } from '@tlon/indigo-react';
27import LoadingOverlay from 'components/L2/LoadingOverlay';
29const INITIAL_NETWORK_TYPE = isRopsten
30 ? NETWORK_TYPES.ROPSTEN
31 : isDevelopment && !isMainnet
32 ? NETWORK_TYPES.LOCAL
33 : NETWORK_TYPES.MAINNET;
35// NB(shrugs): modify these variables to change the default local state.
36const SHOULD_STUB_LOCAL = process.env.REACT_APP_STUB_LOCAL === 'true';
37const IS_STUBBED = isDevelopment && SHOULD_STUB_LOCAL;
39const INITIAL_WALLET = IS_STUBBED
40 ? walletFromMnemonic(
41 process.env.REACT_APP_DEV_MNEMONIC,
42 process.env.REACT_APP_HD_PATH
43 )
44 : undefined;
45const INITIAL_MNEMONIC = IS_STUBBED
46 ? Just(process.env.REACT_APP_DEV_MNEMONIC)
47 : Nothing();
48const INITIAL_POINT_CURSOR = IS_STUBBED ? Just(65792) : Nothing();
50function useInitialRoutes() {
51 const [hasDisclaimed] = useHasDisclaimed();
52 const { impliedTicket } = useImpliedTicket();
54 const isActivateUrl = window.location.pathname === '/activate';
56 if (IS_STUBBED) {
57 return [
58 { key: ROUTE_NAMES.LOGIN },
59 // { key: ROUTE_NAMES.POINTS },
60 // { key: ROUTE_NAMES.POINT },
61 ];
62 }
64 if (impliedTicket || isActivateUrl) {
65 return [{ key: ROUTE_NAMES.ACTIVATE }];
66 }
68 if (!hasDisclaimed) {
69 return [{ key: ROUTE_NAMES.DISCLAIMER, data: { next: ROUTE_NAMES.LOGIN } }];
70 }
72 return [{ key: ROUTE_NAMES.LOGIN }];
75function Bridge() {
76 const initialRoutes = useInitialRoutes();
77 const { loading, modalText, setModalText } = useRollerStore();
79 // full reload if the user changes their selected network in Metamask
80 //
81 useEffect(() => {
82 if (window.ethereum) {
83 window.ethereum.on('chainChanged', () => {
84 document.location.reload();
85 });
86 }
87 }, []);
89 return (
90 <WithErrorBoundary render={error => <GlobalErrorBoundary error={error} />}>
91 <Provider
92 views={ROUTES}
93 names={ROUTE_NAMES}
94 initialRoutes={initialRoutes}
95 initialNetworkType={INITIAL_NETWORK_TYPE}
96 initialWallet={INITIAL_WALLET}
97 initialMnemonic={INITIAL_MNEMONIC}
98 initialPointCursor={INITIAL_POINT_CURSOR}>
99 <IndigoApp>
100 <ThemeProvider theme={light}>
101 <Router />
102 </ThemeProvider>
103 </IndigoApp>
104 <Modal show={modalText !== undefined} hide={() => setModalText()}>
105 <Box width="280px">{modalText}</Box>
106 </Modal>
107 <LoadingOverlay loading={loading} />
108 </Provider>
109 </WithErrorBoundary>
110 );
113export default Bridge;