git.iko.soy/bridge
on fe6ee13 help sign in
bridge/src/views/Admin/AdminSetProxy.js
238 lines 6.6 kB history raw
1import React, { useCallback, useMemo } from 'react';
2import cn from 'classnames';
3import { Grid, Text, Flex, ToggleInput } from 'indigo-react';
4import * as azimuth from 'azimuth-js';
6import { useNetwork } from 'store/network';
7import { usePointCache } from 'store/pointCache';
8import { usePointCursor } from 'store/pointCursor';
10import {
11 PROXY_TYPE,
12 proxyTypeToHuman,
13 proxyTypeToHumanDescription,
14} from 'lib/proxy';
15import * as need from 'lib/need';
16import { useLocalRouter } from 'lib/LocalRouter';
17import { ETH_ZERO_ADDR, eqAddr, isZeroAddress } from 'lib/wallet';
18import capitalize from 'lib/capitalize';
19import useEthereumTransaction from 'lib/useEthereumTransaction';
21import ViewHeader from 'components/ViewHeader';
22import InlineEthereumTransaction from 'components/InlineEthereumTransaction';
23import { GAS_LIMITS } from 'lib/constants';
24import { AddressInput } from 'form/Inputs';
25import {
26 composeValidator,
27 buildCheckboxValidator,
28 buildAddressValidator,
29} from 'form/validators';
30import BridgeForm from 'form/BridgeForm';
31import FormError from 'form/FormError';
32import CopiableAddress from 'components/CopiableAddress';
34const proxyFromDetails = (details, contracts, proxyType) => {
35 switch (proxyType) {
36 case PROXY_TYPE.MANAGEMENT:
37 return details.managementProxy;
38 case PROXY_TYPE.SPAWN:
39 return details.spawnProxy;
40 case PROXY_TYPE.TRANSFER:
41 return details.transferProxy;
42 case PROXY_TYPE.VOTING:
43 if (eqAddr(details.votingProxy, contracts.delegatedSending.address)) {
44 return `${details.votingProxy} (invites contract)`;
45 } else {
46 return details.votingProxy;
47 }
48 default:
49 throw new Error(`Unknown proxyType: ${proxyType}`);
50 }
51};
53function useSetProxy(proxyType) {
54 const { contracts } = useNetwork();
55 const { pointCursor } = usePointCursor();
56 const { syncDetails } = usePointCache();
58 const _contracts = need.contracts(contracts);
59 const _point = need.point(pointCursor);
61 const { construct, ...rest } = useEthereumTransaction(
62 useCallback(
63 address => {
64 const txArgs = [_contracts, _point, address];
66 switch (proxyType) {
67 case PROXY_TYPE.MANAGEMENT:
68 return azimuth.ecliptic.setManagementProxy(...txArgs);
69 case PROXY_TYPE.SPAWN:
70 return azimuth.ecliptic.setSpawnProxy(...txArgs);
71 case PROXY_TYPE.TRANSFER:
72 return azimuth.ecliptic.setTransferProxy(...txArgs);
73 case PROXY_TYPE.VOTING:
74 return azimuth.ecliptic.setVotingProxy(...txArgs);
75 default:
76 throw new Error(`Unknown proxyType ${proxyType}`);
77 }
78 },
79 [_contracts, _point, proxyType]
80 ),
81 useCallback(() => syncDetails(_point), [_point, syncDetails]),
82 GAS_LIMITS.SET_PROXY
83 );
85 // force-unset
86 const unset = useCallback(() => {
87 construct(ETH_ZERO_ADDR);
88 }, [construct]);
90 return {
91 construct,
92 unset,
93 ...rest,
94 };
97export default function AdminSetProxy() {
98 const { data, pop } = useLocalRouter();
99 const { getDetails } = usePointCache();
100 const { pointCursor } = usePointCursor();
101 const { contracts } = useNetwork();
103 const _point = need.point(pointCursor);
104 const _details = need.details(getDetails(_point));
105 const _contracts = need.contracts(contracts);
107 const properProxyType = capitalize(proxyTypeToHuman(data.proxyType));
109 const {
110 construct,
111 unconstruct,
112 unset,
113 inputsLocked,
114 completed,
115 bind,
116 } = useSetProxy(data.proxyType);
118 const validateForm = useCallback((values, errors) => {
119 if (!values.unset && errors.address) {
120 return errors;
121 }
122 }, []);
124 const validate = useMemo(
125 () =>
126 composeValidator(
127 {
128 unset: buildCheckboxValidator(),
129 address: buildAddressValidator(),
130 },
131 validateForm
132 ),
133 [validateForm]
134 );
136 const onValues = useCallback(
137 ({ valid, values, form }) => {
138 if (valid) {
139 if (values.unset) {
140 unset();
141 form.change('address', '');
142 } else {
143 construct(values.address);
144 }
145 } else {
146 unconstruct();
147 }
148 },
149 [construct, unconstruct, unset]
150 );
152 const initialValues = useMemo(() => ({ unset: false }), []);
154 const proxyAddress = proxyFromDetails(_details, _contracts, data.proxyType);
155 const isProxySet = !isZeroAddress(proxyAddress);
157 const proxyAddressLabel = `${
158 completed ? 'New' : 'Current'
159 } ${properProxyType} Address`;
161 return (
162 <Grid>
163 <Grid.Item full as={ViewHeader}>
164 {properProxyType} Address
165 </Grid.Item>
167 <Grid.Item full as={Text} className="mb4 f5">
168 {proxyTypeToHumanDescription(data.proxyType)}
169 </Grid.Item>
171 <Grid.Item
172 full
173 as={Text}
174 className={cn('f6 mb1', {
175 green3: completed,
176 })}>
177 {proxyAddressLabel}
178 </Grid.Item>
180 <BridgeForm
181 validate={validate}
182 onValues={onValues}
183 initialValues={initialValues}>
184 {({ handleSubmit, values }) => (
185 <>
186 <Grid.Item full as={Flex} row justify="between" align="center">
187 <Flex.Item
188 flex
189 as={Text}
190 className={cn('mono', {
191 black: !completed && isProxySet,
192 gray4: !completed && !isProxySet,
193 green3: completed,
194 })}>
195 {isProxySet ? (
196 <CopiableAddress>{proxyAddress}</CopiableAddress>
197 ) : (
198 'Unset'
199 )}
200 </Flex.Item>
201 {!completed && isProxySet && (
202 <Flex.Item
203 as={ToggleInput}
204 name="unset"
205 label="Unset"
206 inverseLabel="Specify"
207 disabled={inputsLocked}
208 />
209 )}
210 </Grid.Item>
212 {completed ? (
213 <Grid.Item full className="mb4" />
214 ) : (
215 <Grid.Item
216 full
217 as={AddressInput}
218 className="mv4"
219 name="address"
220 label={`New ${properProxyType} Address`}
221 disabled={inputsLocked || values.unset}
222 />
223 )}
225 <Grid.Item full as={FormError} />
227 <Grid.Item
228 full
229 as={InlineEthereumTransaction}
230 {...bind}
231 onReturn={() => pop()}
232 />
233 </>
234 )}
235 </BridgeForm>
236 </Grid>
237 );