git.iko.soy/bridge
on 41620df help sign in
bridge/src/views/Admin/AdminSetProxy.js
175 lines 5.1 kB history raw
1import React, { useCallback, useEffect, useState } from 'react';
2import cn from 'classnames';
3import { Grid, Text, Input, Flex, LinkButton } 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 } from 'lib/wallet';
18import capitalize from 'lib/capitalize';
19import { useAddressInput } from 'lib/useInputs';
20import useEthereumTransaction from 'lib/useEthereumTransaction';
22import ViewHeader from 'components/ViewHeader';
23import MiniBackButton from 'components/MiniBackButton';
24import InlineEthereumTransaction from 'components/InlineEthereumTransaction';
25import { GAS_LIMITS } from 'lib/constants';
27const proxyFromDetails = (details, proxyType) => {
28 switch (proxyType) {
29 case PROXY_TYPE.MANAGEMENT:
30 return details.managementProxy;
31 case PROXY_TYPE.SPAWN:
32 return details.spawnProxy;
33 case PROXY_TYPE.TRANSFER:
34 return details.transferProxy;
35 case PROXY_TYPE.VOTING:
36 return details.votingProxy;
37 default:
38 throw new Error(`Unknown proxyType: ${proxyType}`);
39 }
40};
42function useSetProxy(proxyType, address) {
43 const { contracts } = useNetwork();
44 const { pointCursor } = usePointCursor();
45 const { syncOwnedPoint } = usePointCache();
47 const _contracts = need.contracts(contracts);
48 const _point = need.point(pointCursor);
50 const [isUnsetting, setUnsetting] = useState(false);
52 const buildUnsignedTx = useCallback(
53 address => {
54 const txArgs = [_contracts, _point, address];
56 switch (proxyType) {
57 case PROXY_TYPE.MANAGEMENT:
58 return azimuth.ecliptic.setManagementProxy(...txArgs);
59 case PROXY_TYPE.SPAWN:
60 return azimuth.ecliptic.setSpawnProxy(...txArgs);
61 case PROXY_TYPE.TRANSFER:
62 return azimuth.ecliptic.setTransferProxy(...txArgs);
63 case PROXY_TYPE.VOTING:
64 return azimuth.ecliptic.setVotingProxy(...txArgs);
65 default:
66 throw new Error(`Unknown proxyType ${proxyType}`);
67 }
68 },
69 [_contracts, _point, proxyType]
70 );
72 const {
73 initializing,
74 constructed,
75 construct: _construct,
76 constructAndSign,
77 generateAndSign,
78 sign,
79 signed,
80 broadcast,
81 broadcasted,
82 confirmed,
83 reset,
84 inputsLocked,
85 bind,
86 } = useEthereumTransaction(GAS_LIMITS.SET_PROXY);
88 // sync point details after success
89 useEffect(() => {
90 if (confirmed) {
91 syncOwnedPoint(_point);
92 }
93 }, [_point, confirmed, syncOwnedPoint]);
95 // construct the unsigned transaction when we have a valid address
96 const construct = useCallback(
97 address => _construct(buildUnsignedTx(address)),
98 [_construct, buildUnsignedTx]
99 );
101 // force-unset
102 const unset = useCallback(() => {
103 setUnsetting(true);
104 _construct(buildUnsignedTx(ETH_ZERO_ADDR));
105 }, [_construct, buildUnsignedTx]);
107 return {
108 construct,
109 unset,
110 isUnsetting,
111 inputsLocked: inputsLocked || isUnsetting,
112 bind,
113 };
116export default function AdminSetProxy() {
117 const { data, pop } = useLocalRouter();
118 const { getDetails } = usePointCache();
119 const { pointCursor } = usePointCursor();
120 const point = need.point(pointCursor);
121 const details = need.details(getDetails(point));
123 const properProxyType = capitalize(proxyTypeToHuman(data.proxyType));
125 const { construct, unset, inputsLocked, bind } = useSetProxy(data.proxyType);
126 const [addressInput, { pass, data: address }] = useAddressInput({
127 name: 'address',
128 label: `New ${properProxyType} Address`,
129 disabled: inputsLocked,
130 });
132 useEffect(() => {
133 if (pass) {
134 construct(address);
135 }
136 }, [pass, address, construct]);
138 const proxyAddress = proxyFromDetails(details, data.proxyType);
139 const isProxySet = !eqAddr(ETH_ZERO_ADDR, proxyAddress);
141 return (
142 <Grid>
143 <Grid.Item full as={MiniBackButton} onClick={() => pop()} />
144 <Grid.Item full as={ViewHeader}>
145 {properProxyType} Address
146 </Grid.Item>
147 <Grid.Item full as={Text} className="mb4">
148 {proxyTypeToHumanDescription(data.proxyType)}
149 </Grid.Item>
150 <Grid.Item full as={Text} className="f6 mb1">
151 Current {properProxyType} Address
152 </Grid.Item>
153 <Grid.Item full as={Flex} row justify="between" align="center">
154 <Flex.Item
155 flex
156 as={Text}
157 className={cn({
158 'mono black': isProxySet,
159 gray4: !isProxySet,
160 })}>
161 {isProxySet ? proxyAddress : 'Unset'}
162 </Flex.Item>
163 {isProxySet && (
164 <Flex.Item as={LinkButton} onClick={unset} disabled={inputsLocked}>
165 Unset
166 </Flex.Item>
167 )}
168 </Grid.Item>
170 <Grid.Item full as={Input} {...addressInput} className="mv4" />
172 <Grid.Item full as={InlineEthereumTransaction} {...bind} />
173 </Grid>
174 );