git.iko.soy/bridge
on 4b0ca21 help sign in
bridge/src/views/UrbitID.js
92 lines 2.4 kB history raw
1import React from 'react';
2import { Grid } from 'indigo-react';
4import { useHistory } from 'store/history';
6import useCurrentPointName from 'lib/useCurrentPointName';
7import useRouter from 'lib/useRouter';
8import { LocalRouterProvider } from 'lib/LocalRouter';
10import View from 'components/View';
11import Crumbs from 'components/Crumbs';
12import NavHeader from 'components/NavHeader';
14import UrbitIDHome from './UrbitID/Home';
15import SigilGenerator from './UrbitID/SigilGenerator';
16import DownloadKeys from './UrbitID/DownloadKeys';
17import SetProxy from './UrbitID/SetProxy';
18import ResetKeys from './UrbitID/ResetKeys';
19import Transfer from './UrbitID/Transfer';
21const NAMES = {
22 HOME: 'HOME',
23 SIGIL_GENERATOR: 'SIGIL_GENERATOR',
24 DOWNLOAD_KEYS: 'DOWNLOAD_KEYS',
25 SET_PROXY: 'SET_PROXY',
26 RESET_KEYS: 'RESET_KEYS',
27 TRANSFER: 'TRANSFER',
28};
30const VIEWS = {
31 [NAMES.HOME]: UrbitIDHome,
32 [NAMES.SIGIL_GENERATOR]: SigilGenerator,
33 [NAMES.DOWNLOAD_KEYS]: DownloadKeys,
34 [NAMES.RESET_KEYS]: ResetKeys,
35 [NAMES.SET_PROXY]: SetProxy,
36 [NAMES.TRANSFER]: Transfer,
37};
39const humanizeName = name => {
40 switch (name) {
41 case NAMES.SIGIL_GENERATOR:
42 return 'Sigil';
43 case NAMES.DOWNLOAD_KEYS:
44 return 'Download Keys';
45 case NAMES.SET_PROXY:
46 return 'Set Key';
47 case NAMES.RESET_KEYS:
48 return 'Reset Keys';
49 case NAMES.TRANSFER:
50 return 'Transfer';
51 default:
52 return undefined;
53 }
54};
56export default function UrbitID() {
57 const history = useHistory();
58 const name = useCurrentPointName();
60 const { Route, ...router } = useRouter({
61 names: NAMES,
62 views: VIEWS,
63 initialRoutes: [{ key: NAMES.HOME }],
64 });
66 const last = router.peek().key;
67 const homeAction = last === NAMES.HOME ? undefined : () => history.pop();
68 const lastCrumb = homeAction ? [{ text: humanizeName(last) }] : [];
70 return (
71 <View
72 pop={() =>
73 router.peek().key === NAMES.HOME ? history.pop() : router.pop()
74 }
75 inset>
76 <NavHeader>
77 <Crumbs
78 routes={[
79 { text: name, action: () => history.pop() },
80 { text: 'Urbit ID', action: homeAction },
81 ...lastCrumb,
82 ]}
83 />
84 </NavHeader>
86 <LocalRouterProvider value={router}>
87 <Grid className="mb4"></Grid>
88 <Route />
89 </LocalRouterProvider>
90 </View>
91 );