git.iko.soy/bridge
on f1ff0cf help sign in
bridge/src/views/ViewPoint.js
51 lines 1.4 kB history raw
1import React, { useCallback, useState } from 'react';
2import Maybe from 'folktale/maybe';
3import * as ob from 'urbit-ob';
4import { Input } from 'indigo-react';
6import { H1, P } from '../components/old/Base';
8import { useHistory } from 'store/history';
9import { usePointCursor } from 'store/pointCursor';
11import { ROUTE_NAMES } from 'lib/routeNames';
13import View from 'components/View';
14import { ForwardButton } from 'components/Buttons';
15import { usePointInput } from 'components/Inputs';
17export default function ViewPoint() {
18 const history = useHistory();
19 const { setPointCursor } = usePointCursor();
20 const pointInput = usePointInput({
21 name: 'point',
22 label: 'Point Name',
23 autoFocus: true,
24 });
25 const { data: pointName, pass } = pointInput;
27 const disabled = !pass;
28 const goForward = useCallback(() => {
29 setPointCursor(Maybe.Just(parseInt(ob.patp2dec(pointName), 10)));
30 // ^ pointCursor expects native number type, not string
31 history.popAndPush(ROUTE_NAMES.POINT);
32 }, [setPointCursor, history, pointName]);
34 return (
35 <View>
36 <H1>View a Point</H1>
38 <P>Enter a point name to view its public information.</P>
40 <Input {...pointInput} onEnter={goForward} />
42 <ForwardButton
43 className="mt3"
44 disabled={disabled}
45 onClick={goForward}
46 solid>
47 Continue
48 </ForwardButton>
49 </View>
50 );