git.iko.soy/bridge
on efed151 help sign in
bridge/src/views/Point.js
168 lines 4.4 kB history raw
1import React, { useCallback } from 'react';
2import { Just } from 'folktale/maybe';
3import { Grid } from 'indigo-react';
4import { azimuth } from 'azimuth-js';
6import { usePointCursor } from 'store/pointCursor';
7import { useWallet } from 'store/wallet';
9import View from 'components/View';
10import Greeting from 'components/Greeting';
11import Passport from 'components/Passport';
12import { ForwardButton, BootUrbitOSButton } from 'components/Buttons';
13import CopyButton from 'components/CopyButton';
14import { matchBlinky } from 'components/Blinky';
15import DownloadSigilButton from 'components/DownloadSigilButton';
17import * as need from 'lib/need';
18import useInvites from 'lib/useInvites';
19import { useSyncOwnedPoints } from 'lib/useSyncPoints';
20import useCurrentPermissions from 'lib/useCurrentPermissions';
21import { useLocalRouter } from 'lib/LocalRouter';
22import useKeyfileGenerator from 'lib/useKeyfileGenerator';
24export default function Point() {
25 const { pop, push, names } = useLocalRouter();
26 const { pointCursor } = usePointCursor();
28 const { wallet } = useWallet();
29 const point = need.point(pointCursor);
31 const { code, notice } = useKeyfileGenerator();
33 const {
34 isParent,
35 isActiveOwner,
36 canManage,
37 canSpawn,
38 canVote,
39 } = useCurrentPermissions();
41 // fetch the invites for the current cursor
42 const { availableInvites } = useInvites(point);
44 const goAdmin = useCallback(() => push(names.ADMIN), [push, names]);
46 const goSenate = useCallback(() => push(names.SENATE), [push, names]);
48 const goInvite = useCallback(() => push(names.INVITE), [push, names]);
50 const goPartiesSetPoolSize = useCallback(
51 () => push(names.PARTY_SET_POOL_SIZE),
52 [push, names]
53 );
55 const goIssuePoint = useCallback(() => push(names.ISSUE_CHILD), [
56 names.ISSUE_CHILD,
57 push,
58 ]);
60 const inviteButton = (() => {
61 switch (azimuth.getPointSize(point)) {
62 case azimuth.PointSize.Planet:
63 const availableInvitesText = matchBlinky(availableInvites);
64 return (
65 <>
66 <Grid.Item
67 full
68 as={ForwardButton}
69 disabled={!isActiveOwner}
70 onClick={goInvite}>
71 Invite <sup>{availableInvitesText}</sup>
72 </Grid.Item>
73 <Grid.Divider />
74 </>
75 );
76 //
77 case azimuth.PointSize.Star:
78 return (
79 <>
80 <Grid.Item
81 full
82 as={ForwardButton}
83 disabled={!isActiveOwner}
84 onClick={goPartiesSetPoolSize}>
85 Manage Invite Pools
86 </Grid.Item>
87 <Grid.Divider />
88 </>
89 );
90 //
91 default:
92 return null;
93 }
94 })();
96 const senateButton = (() => {
97 if (azimuth.getPointSize(point) !== azimuth.PointSize.Galaxy) {
98 return null;
99 }
100 return (
101 <>
102 <Grid.Item
103 full
104 as={ForwardButton}
105 disabled={!canVote}
106 onClick={goSenate}>
107 Senate
108 </Grid.Item>
109 <Grid.Divider />
110 </>
111 );
112 })();
114 // sync the current cursor
115 useSyncOwnedPoints([point]);
117 const address = need.addressFromWallet(wallet);
119 return (
120 <View pop={pop} inset>
121 <Greeting point={point} />
122 <Passport
123 point={Just(point)}
124 address={Just(address)}
125 animationMode={'slide'}
126 />
127 <Grid className="pt2">
128 {inviteButton}
129 <Grid.Item
130 full
131 as={ForwardButton}
132 disabled={!canManage}
133 onClick={goAdmin}>
134 Admin
135 </Grid.Item>
136 <Grid.Divider />
138 {isParent && (
139 <>
140 <Grid.Item
141 full
142 as={ForwardButton}
143 disabled={!canSpawn}
144 onClick={goIssuePoint}>
145 Issue Point
146 </Grid.Item>
147 <Grid.Divider />
148 </>
149 )}
150 {senateButton}
151 <Grid.Item full as={BootUrbitOSButton} />
152 <Grid.Divider />
153 <Grid.Item
154 full
155 as={ForwardButton}
156 accessory={code && <CopyButton text={code} />}
157 detail={code || notice}
158 disabled={!code}
159 detailClassName="mono">
160 Login Code
161 </Grid.Item>
162 <Grid.Divider />
163 <Grid.Item full as={DownloadSigilButton} point={point} />
164 <Grid.Divider />
165 </Grid>
166 </View>
167 );