git.iko.soy/bridge
on eb070bb help sign in
bridge/src/views/UrbitID/Transfer.js
122 lines 3.5 kB history raw
1import React, { useCallback, useMemo } from 'react';
2import cn from 'classnames';
3import { Grid, Text } from 'indigo-react';
4import * as azimuth from 'azimuth-js';
6import { useNetwork } from 'store/network';
7import { usePointCursor } from 'store/pointCursor';
8import { usePointCache } from 'store/pointCache';
10import * as need from 'lib/need';
11import { useLocalRouter } from 'lib/LocalRouter';
12import useCurrentPointName from 'lib/useCurrentPointName';
13import useEthereumTransaction from 'lib/useEthereumTransaction';
14import { GAS_LIMITS } from 'lib/constants';
16import ViewHeader from 'components/ViewHeader';
17import InlineEthereumTransaction from 'components/InlineEthereumTransaction';
18import { AddressInput } from 'form/Inputs';
19import { composeValidator, buildAddressValidator } from 'form/validators';
20import BridgeForm from 'form/BridgeForm';
21import FormError from 'form/FormError';
23function useTransfer() {
24 const { contracts } = useNetwork();
25 const { pointCursor } = usePointCursor();
26 const { syncDetails } = usePointCache();
28 const _contracts = need.contracts(contracts);
29 const _point = need.point(pointCursor);
31 return useEthereumTransaction(
32 useCallback(
33 address => azimuth.ecliptic.setTransferProxy(_contracts, _point, address),
34 [_contracts, _point]
35 ),
36 useCallback(() => syncDetails(_point), [_point, syncDetails]),
37 GAS_LIMITS.SET_PROXY
38 );
41export default function AdminTransfer() {
42 const { pop } = useLocalRouter();
43 const name = useCurrentPointName();
45 const {
46 construct,
47 unconstruct,
48 completed,
49 inputsLocked,
50 bind,
51 } = useTransfer();
53 const validate = useMemo(
54 () => composeValidator({ address: buildAddressValidator() }),
55 []
56 );
58 const onValues = useCallback(
59 ({ valid, values }) => {
60 if (valid) {
61 construct(values.address);
62 } else {
63 unconstruct();
64 }
65 },
66 [construct, unconstruct]
67 );
69 return (
70 <Grid gap={1}>
71 <Grid.Item full as={ViewHeader}>
72 Transfer Point
73 </Grid.Item>
75 <BridgeForm validate={validate} onValues={onValues}>
76 {({ handleSubmit, values }) => (
77 <>
78 {!completed && (
79 <Grid.Item full as={Text} className={cn('f5 wrap')}>
80 Transfer {name} to a new owner.
81 </Grid.Item>
82 )}
83 {completed && (
84 <>
85 <Grid.Item full as={Text} className="wrap">
86 Started transferring <span className="mono">{name}</span> to{' '}
87 </Grid.Item>
88 <Grid.Item full as={Text}>
89 <span className="mono gray4">{values.address}</span>
90 </Grid.Item>
91 <Grid.Item full as={Text} className="mt6">
92 Until they accept the transfer, you still own{' '}
93 <span className="mono">{name}</span>
94 </Grid.Item>
95 </>
96 )}
98 {!completed && (
99 <Grid.Item
100 full
101 as={AddressInput}
102 className="mv4"
103 name="address"
104 label="Ethereum Address"
105 disabled={inputsLocked}
106 />
107 )}
109 <Grid.Item full as={FormError} />
111 <Grid.Item
112 full
113 as={InlineEthereumTransaction}
114 {...bind}
115 onReturn={() => pop()}
116 />
117 </>
118 )}
119 </BridgeForm>
120 </Grid>
121 );