git.iko.soy/bridge
on 4c8c607 help sign in
bridge/src/views/UrbitID/ResetKeys.js
62 lines 1.5 kB history raw
1import React, { useCallback, useState } from 'react';
2import { Just, Nothing } from 'folktale/maybe';
3import { Grid, Flex } from 'indigo-react';
5import { LocalRouterProvider } from 'lib/LocalRouter';
6import useRouter from 'lib/useRouter';
8import Steps from 'components/Steps';
10import ResetConfirm from './ResetKeys/ResetConfirm';
11import ResetDownload from './ResetKeys/ResetDownload';
12import ResetVerify from './ResetKeys/ResetVerify';
13import ResetExecute from './ResetKeys/ResetExecute';
15const NAMES = {
16 CONFIRM: 'CONFIRM',
17 DOWNLOAD: 'DOWNLOAD',
18 VERIFY: 'VERIFY',
19 EXECUTE: 'EXECUTE',
20};
22const VIEWS = {
23 CONFIRM: ResetConfirm,
24 DOWNLOAD: ResetDownload,
25 VERIFY: ResetVerify,
26 EXECUTE: ResetExecute,
27};
29const STEPS = [NAMES.CONFIRM, NAMES.DOWNLOAD, NAMES.VERIFY, NAMES.EXECUTE];
31export default function ResetKeys() {
32 const { Route, ...router } = useRouter({
33 names: NAMES,
34 views: VIEWS,
35 initialRoutes: [{ key: NAMES.CONFIRM }],
36 });
38 const [newWallet, _setNewWallet] = useState(Nothing());
40 const setNewWallet = useCallback(
41 (wallet, paper) => {
42 _setNewWallet(
43 Just({
44 wallet,
45 paper,
46 })
47 );
48 },
49 [_setNewWallet]
50 );
52 return (
53 <LocalRouterProvider value={router}>
54 <Grid>
55 <Grid.Item full as={Flex} row align="center">
56 <Flex.Item as={Steps} num={router.size} total={STEPS.length} />
57 </Grid.Item>
58 </Grid>
59 <Route newWallet={newWallet} setNewWallet={setNewWallet} />
60 </LocalRouterProvider>
61 );