git.iko.soy/bridge
on ca6ebb8 help sign in
bridge/src/views/Point.js
81 lines 2.3 kB history raw
1import React, { useCallback } from 'react';
2import { Just } from 'folktale/maybe';
3import * as need from 'lib/need';
4import { Grid } from 'indigo-react';
6import { usePointCursor } from 'store/pointCursor';
7import { useHistory } from 'store/history';
9import View from 'components/View';
10import Passport from 'components/Passport';
11import { ForwardButton } from 'components/Buttons';
12import FooterButton from 'components/FooterButton';
13import { matchBlinky } from 'components/Blinky';
15import useInvites from 'lib/useInvites';
16import { useSyncOwnedPoints } from 'lib/useSyncPoints';
17import { ROUTE_NAMES } from 'lib/routeNames';
19import Actions from './Point/Actions';
20import { useWallet } from 'store/wallet';
21import usePermissionsForPoint from 'lib/usePermissionsForPoint';
23export default function Point() {
24 const history = useHistory();
25 const { pointCursor } = usePointCursor();
26 const { wallet } = useWallet();
28 const point = need.point(pointCursor);
30 const { canManage } = usePermissionsForPoint(
31 // using empty string should be ok here
32 wallet.matchWith({
33 Nothing: () => '',
34 Just: p => p.value.address,
35 }),
36 point
37 );
39 // fetch the invites for the current cursor
40 const { availableInvites } = useInvites(point);
41 const availableInvitesText = matchBlinky(availableInvites);
43 const showActions = Just.hasInstance(wallet);
45 const goAdmin = useCallback(() => history.push(ROUTE_NAMES.ADMIN), [history]);
47 const goInvite = useCallback(() => history.push(ROUTE_NAMES.INVITE), [
48 history,
49 ]);
51 // sync the current cursor
52 useSyncOwnedPoints([point]);
54 return (
55 <View>
56 <Passport point={Just(point)} />
57 <Grid className="pt2">
58 <Grid.Item
59 full
60 as={ForwardButton}
61 disabled={!canManage}
62 onClick={goAdmin}>
63 Admin
64 </Grid.Item>
65 <Grid.Divider />
66 <Grid.Item full as={ForwardButton} detail="Boot your computer" disabled>
67 Boot Arvo
68 </Grid.Item>
69 {showActions && (
70 <Grid.Item full>
71 <Actions />
72 </Grid.Item>
73 )}
74 </Grid>
76 <FooterButton disabled={!canManage} onClick={goInvite}>
77 Invite <sup>{availableInvitesText} available</sup>
78 </FooterButton>
79 </View>
80 );