git.iko.soy/bridge
on 41620df help sign in
bridge/src/views/Point.js
101 lines 2.8 kB history raw
1import React, { useCallback } from 'react';
2import { Just } from 'folktale/maybe';
3import * as need from 'lib/need';
4import { Grid } from 'indigo-react';
5import { azimuth } from 'azimuth-js';
7import { usePointCursor } from 'store/pointCursor';
8import { useHistory } from 'store/history';
10import View from 'components/View';
11import Passport from 'components/Passport';
12import { ForwardButton, BootArvoButton } from 'components/Buttons';
13import FooterButton from 'components/FooterButton';
14import { matchBlinky } from 'components/Blinky';
16import useInvites from 'lib/useInvites';
17import { useSyncOwnedPoints } from 'lib/useSyncPoints';
19import Actions from './Point/Actions';
20import { useWallet } from 'store/wallet';
21import usePermissionsForPoint from 'lib/usePermissionsForPoint';
23export default function Point() {
24 const { push, names } = useHistory();
25 const { pointCursor } = usePointCursor();
26 const { wallet } = useWallet();
28 const point = need.point(pointCursor);
30 const { isActiveOwner, 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);
42 const showActions = Just.hasInstance(wallet);
44 const goAdmin = useCallback(() => push(names.ADMIN), [push, names]);
46 const goInvite = useCallback(() => push(names.INVITE), [push, names]);
48 const goParties = useCallback(() => push(names.INVITES_MANAGE), [
49 push,
50 names,
51 ]);
53 const inviteButton = (() => {
54 switch (azimuth.getPointSize(point)) {
55 case azimuth.PointSize.Planet:
56 const availableInvitesText = matchBlinky(availableInvites);
57 return (
58 <FooterButton disabled={!isActiveOwner} onClick={goInvite}>
59 Invite <sup>{availableInvitesText} available</sup>
60 </FooterButton>
61 );
62 //
63 case azimuth.PointSize.Star:
64 return (
65 <FooterButton disabled={!isActiveOwner} onClick={goParties}>
66 Manage parties
67 </FooterButton>
68 );
69 //
70 default:
71 return null;
72 }
73 })();
75 // sync the current cursor
76 useSyncOwnedPoints([point]);
78 return (
79 <View>
80 <Passport point={Just(point)} />
81 <Grid className="pt2">
82 <Grid.Item
83 full
84 as={ForwardButton}
85 disabled={!canManage}
86 onClick={goAdmin}>
87 Admin
88 </Grid.Item>
89 <Grid.Divider />
90 <Grid.Item full as={BootArvoButton} disabled />
91 {showActions && (
92 <Grid.Item full>
93 <Actions />
94 </Grid.Item>
95 )}
96 </Grid>
98 {inviteButton}
99 </View>
100 );