git.iko.soy/bridge
on e82c628 help sign in
bridge/src/views/Admin/AdminSetProxy.js
235 lines 6.4 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';
33const proxyFromDetails = (details, contracts, proxyType) => {
34 switch (proxyType) {
35 case PROXY_TYPE.MANAGEMENT:
36 return details.managementProxy;
37 case PROXY_TYPE.SPAWN:
38 return details.spawnProxy;
39 case PROXY_TYPE.TRANSFER:
40 return details.transferProxy;
41 case PROXY_TYPE.VOTING:
42 if (eqAddr(details.votingProxy, contracts.delegatedSending.address)) {
43 return `${details.votingProxy} (invites contract)`;
44 } else {
45 return details.votingProxy;
46 }
47 default:
48 throw new Error(`Unknown proxyType: ${proxyType}`);
49 }
50};
52function useSetProxy(proxyType) {
53 const { contracts } = useNetwork();
54 const { pointCursor } = usePointCursor();
55 const { syncDetails } = usePointCache();
57 const _contracts = need.contracts(contracts);
58 const _point = need.point(pointCursor);
60 const { construct, ...rest } = useEthereumTransaction(
61 useCallback(
62 address => {
63 const txArgs = [_contracts, _point, address];
65 switch (proxyType) {
66 case PROXY_TYPE.MANAGEMENT:
67 return azimuth.ecliptic.setManagementProxy(...txArgs);
68 case PROXY_TYPE.SPAWN:
69 return azimuth.ecliptic.setSpawnProxy(...txArgs);
70 case PROXY_TYPE.TRANSFER:
71 return azimuth.ecliptic.setTransferProxy(...txArgs);
72 case PROXY_TYPE.VOTING:
73 return azimuth.ecliptic.setVotingProxy(...txArgs);
74 default:
75 throw new Error(`Unknown proxyType ${proxyType}`);
76 }
77 },
78 [_contracts, _point, proxyType]
79 ),
80 useCallback(() => syncDetails(_point), [_point, syncDetails]),
81 GAS_LIMITS.SET_PROXY
82 );
84 // force-unset
85 const unset = useCallback(() => {
86 construct(ETH_ZERO_ADDR);
87 }, [construct]);
89 return {
90 construct,
91 unset,
92 ...rest,
93 };
96export default function AdminSetProxy() {
97 const { data, pop } = useLocalRouter();
98 const { getDetails } = usePointCache();
99 const { pointCursor } = usePointCursor();
100 const { contracts } = useNetwork();
102 const _point = need.point(pointCursor);
103 const _details = need.details(getDetails(_point));
104 const _contracts = need.contracts(contracts);
106 const properProxyType = capitalize(proxyTypeToHuman(data.proxyType));
108 const {
109 construct,
110 unconstruct,
111 unset,
112 inputsLocked,
113 completed,
114 bind,
115 } = useSetProxy(data.proxyType);
117 const validateForm = useCallback((values, errors) => {
118 if (!values.unset && errors.address) {
119 return errors;
120 }
122 return {};
123 }, []);
125 const validate = useMemo(
126 () =>
127 composeValidator(
128 {
129 unset: buildCheckboxValidator(),
130 address: buildAddressValidator(),
131 },
132 validateForm
133 ),
134 [validateForm]
135 );
137 const onValues = useCallback(
138 ({ valid, values, form }) => {
139 if (valid) {
140 if (values.unset) {
141 unset();
142 form.change('address', '');
143 } else {
144 construct(values.address);
145 }
146 } else {
147 unconstruct();
148 }
149 },
150 [construct, unconstruct, unset]
151 );
153 const initialValues = useMemo(() => ({ unset: false }), []);
155 const proxyAddress = proxyFromDetails(_details, _contracts, data.proxyType);
156 const isProxySet = !isZeroAddress(proxyAddress);
158 const proxyAddressLabel = `${
159 completed ? 'New' : 'Current'
160 } ${properProxyType} Address`;
162 return (
163 <Grid>
164 <Grid.Item full as={ViewHeader}>
165 {properProxyType} Address
166 </Grid.Item>
168 <Grid.Item full as={Text} className="mb4 f5">
169 {proxyTypeToHumanDescription(data.proxyType)}
170 </Grid.Item>
172 <Grid.Item
173 full
174 as={Text}
175 className={cn('f6 mb1', {
176 green3: completed,
177 })}>
178 {proxyAddressLabel}
179 </Grid.Item>
181 <BridgeForm
182 validate={validate}
183 onValues={onValues}
184 initialValues={initialValues}>
185 {({ handleSubmit, values }) => (
186 <>
187 <Grid.Item full as={Flex} row justify="between" align="center">
188 <Flex.Item
189 flex
190 as={Text}
191 className={cn('mono', {
192 black: !completed && isProxySet,
193 gray4: !completed && !isProxySet,
194 green3: completed,
195 })}>
196 {isProxySet ? proxyAddress : 'Unset'}
197 </Flex.Item>
198 {!completed && isProxySet && (
199 <Flex.Item
200 as={ToggleInput}
201 name="unset"
202 label="Unset"
203 inverseLabel="Specify"
204 disabled={inputsLocked}
205 />
206 )}
207 </Grid.Item>
209 {completed ? (
210 <Grid.Item full className="mb4" />
211 ) : (
212 <Grid.Item
213 full
214 as={AddressInput}
215 className="mv4"
216 name="address"
217 label={`New ${properProxyType} Address`}
218 disabled={inputsLocked || values.unset}
219 />
220 )}
222 <Grid.Item full as={FormError} />
224 <Grid.Item
225 full
226 as={InlineEthereumTransaction}
227 {...bind}
228 onReturn={() => pop()}
229 />
230 </>
231 )}
232 </BridgeForm>
233 </Grid>
234 );