@@ -1,52 +1,72 @@
1−import React, { useState } from 'react';
1+import React, { useCallback, useState } from 'react';
22import { Just, Nothing } from 'folktale/maybe';
33import * as need from 'lib/need';
44
55import { usePointCursor } from 'store/pointCursor';
66
7−import View from 'components/View';
8−import { DownloadButton } from 'components/Buttons';
7+import { DownloadButton, RestartButton } from 'components/Buttons';
98import PaperRenderer from 'components/PaperRenderer';
109
1110import { downloadWallet } from 'lib/invite';
1211
1312import { useWallet } from 'store/wallet';
13+import { Grid, Text } from 'indigo-react';
14+import ViewHeader from 'components/ViewHeader';
15+import { useLocalRouter } from 'lib/LocalRouter';
1416
1517export default function AdminRedownload() {
1618 const { urbitWallet } = useWallet();
1719 const { pointCursor } = usePointCursor();
20+ const { pop } = useLocalRouter();
21+
22+ const _urbitWallet = need.wallet(urbitWallet);
1823 const point = need.point(pointCursor);
1924
2025 const [paper, setPaper] = useState(Nothing());
26+ const [downloaded, setDownloaded] = useState(false);
2127
22− const doDownload = () => {
28+ const doDownload = useCallback(() => {
2329 downloadWallet(paper.value);
24− };
30+ setDownloaded(true);
31+ }, [paper, setDownloaded]);
32+
33+ const goBack = useCallback(() => pop(), [pop]);
2534
26− const paperRenderer = paper.matchWith({
27− Nothing: () => null,
28− Just: p => (
35+ return (
36+ <>
37+ <Grid gap={4}>
38+ <Grid.Item full as={ViewHeader}>
39+ Download Passport
40+ </Grid.Item>
41+ <Grid.Item full as={Text}>
42+ After you’ve downloaded your passport, back up the ticket manually or
43+ store on a trusted device.
44+ </Grid.Item>
45+ {downloaded ? (
46+ <Grid.Item full as={RestartButton} solid onClick={goBack}>
47+ Done
48+ </Grid.Item>
49+ ) : (
50+ <Grid.Item
51+ full
52+ as={DownloadButton}
53+ solid
54+ disabled={Nothing.hasInstance(paper)}
55+ onClick={doDownload}>
56+ {paper.matchWith({
57+ Nothing: () => 'Printing and folding...',
58+ Just: _ => 'Download paper wallet',
59+ })}
60+ </Grid.Item>
61+ )}
62+ </Grid>
2963 <PaperRenderer
3064 point={point}
31− wallet={urbitWallet.value}
65+ wallet={_urbitWallet}
3266 callback={paper => {
3367 setPaper(Just(paper));
3468 }}
3569 />
36− ),
37− });
38−
39− return (
40− <View>
41− <DownloadButton
42− disabled={Nothing.hasInstance(paper)}
43− onClick={doDownload}>
44− {paper.matchWith({
45− Nothing: () => 'Printing and folding...',
46− Just: _ => 'Download paper wallet',
47− })}
48− </DownloadButton>
49− {paperRenderer}
50− </View>
70+ </>
5171 );
5272}