@@ -1,19 +1,21 @@
1import React, { useCallback } from 'react';
1import React, { useCallback } from 'react';
2import * as need from 'lib/need';
2import * as need from 'lib/need';
3+import { Grid } from 'indigo-react';
4import { usePointCursor } from 'store/pointCursor';
5import { usePointCursor } from 'store/pointCursor';
5// import { usePointCache } from 'store/pointCache';
6// import { usePointCache } from 'store/pointCache';
7import View from 'components/View';
8import View from 'components/View';
8−import useInvites from 'lib/useInvites';
9−import useSyncPoint from 'lib/useSyncPoint';
10import Passport from 'components/Passport';
9import Passport from 'components/Passport';
11−import { Grid } from 'indigo-react';
12import { ForwardButton } from 'components/Buttons';
10import { ForwardButton } from 'components/Buttons';
13−import { useHistory } from 'store/history';
14−import { ROUTE_NAMES } from 'lib/routeNames';
15import Footer from 'components/Footer';
11import Footer from 'components/Footer';
13+import useInvites from 'lib/useInvites';
14+import useSyncPoint from 'lib/useSyncPoint';
15+import { ROUTE_NAMES } from 'lib/routeNames';
17+import { useHistory } from 'store/history';
17export default function Point() {
19export default function Point() {
18 const history = useHistory();
20 const history = useHistory();
19 const { pointCursor } = usePointCursor();
21 const { pointCursor } = usePointCursor();
@@ -53,7 +55,13 @@ export default function Point() {
53 <Grid className="pt2">
55 <Grid className="pt2">
54 <Grid.Divider />
56 <Grid.Divider />
55 <Grid.Item full>
57 <Grid.Item full>
56− <ForwardButton onClick={goInvite}>Invite</ForwardButton>
58+ <ForwardButton onClick={goInvite}>
62+ Just: p => <sup className="ml1">{p.value}</sup>,
57 </Grid.Item>
65 </Grid.Item>