@@ -1,19 +1,21 @@
11import React, { useCallback } from 'react';
22import * as need from 'lib/need';
3+import { Grid } from 'indigo-react';
34
45import { usePointCursor } from 'store/pointCursor';
56// import { usePointCache } from 'store/pointCache';
67
78import View from 'components/View';
8−import useInvites from 'lib/useInvites';
9−import useSyncPoint from 'lib/useSyncPoint';
109import Passport from 'components/Passport';
11−import { Grid } from 'indigo-react';
1210import { ForwardButton } from 'components/Buttons';
13−import { useHistory } from 'store/history';
14−import { ROUTE_NAMES } from 'lib/routeNames';
1511import Footer from 'components/Footer';
1612
13+import useInvites from 'lib/useInvites';
14+import useSyncPoint from 'lib/useSyncPoint';
15+import { ROUTE_NAMES } from 'lib/routeNames';
16+
17+import { useHistory } from 'store/history';
18+
1719export default function Point() {
1820 const history = useHistory();
1921 const { pointCursor } = usePointCursor();
@@ -53,7 +55,13 @@ export default function Point() {
5355 <Grid className="pt2">
5456 <Grid.Divider />
5557 <Grid.Item full>
56− <ForwardButton onClick={goInvite}>Invite</ForwardButton>
58+ <ForwardButton onClick={goInvite}>
59+ Invite
60+ {invites.matchWith({
61+ Nothing: () => null,
62+ Just: p => <sup className="ml1">{p.value}</sup>,
63+ })}
64+ </ForwardButton>
5765 </Grid.Item>
5866 </Grid>
5967 </Footer>