@@ -29,39 +29,39 @@ import HeaderPane from 'components/L2/Window/HeaderPane';
2929import BodyPane from 'components/L2/Window/BodyPane';
3030
3131function useChangeSponsor() {
32− const { contracts } = useNetwork();
33− const { pointCursor } = usePointCursor();
34− const { syncExtras } = usePointCache();
32+ const { contracts }: any = useNetwork();
33+ const { pointCursor }: any = usePointCursor();
34+ const { syncExtras }: any = usePointCache();
3535
3636 const _contracts = need.contracts(contracts);
3737 const point = need.point(pointCursor);
3838
3939 return useEthereumTransaction(
40− useCallback(sponsor => ecliptic.escape(_contracts, point, sponsor), [
41− point,
42− _contracts,
43− ]),
40+ useCallback(
41+ (sponsor: number) => ecliptic.escape(_contracts, point, sponsor),
42+ [point, _contracts]
43+ ),
4444 useCallback(() => {
4545 syncExtras(point);
4646 }, [syncExtras, point])
4747 );
4848}
4949
50−function ChangeSponsor({ onDone }) {
51− const { contracts } = useNetwork();
52− const { pop } = useHistory();
50+function ChangeSponsor({ onDone }: { onDone: Function }) {
51+ const { contracts }: any = useNetwork();
52+ const { pop }: any = useHistory();
5353 const { changeSponsor, checkForUpdates } = useRoller();
5454 const { point, setLoading } = useRollerStore();
5555
5656 const _contracts = need.contracts(contracts);
5757 const { construct, unconstruct, inputsLocked, bind } = useChangeSponsor();
5858
59− const [newSponsor, setNewSponsor] = useState();
59+ const [newSponsor, setNewSponsor] = useState<number | undefined>();
6060
6161 const requestNewSponsor = useCallback(async () => {
6262 if (newSponsor !== undefined) {
6363 setLoading(true);
64− await changeSponsor(newSponsor);
64+ await changeSponsor(newSponsor!);
6565 checkForUpdates({
6666 point: point.value,
6767 message: `${point.patp} has requested ${ob.patp(
@@ -123,6 +123,8 @@ function ChangeSponsor({ onDone }) {
123123
124124 const buttonText = 'Request New Sponsor';
125125
126+ const size = point.isStar ? 1 : 2;
127+
126128 return (
127129 <Window>
128130 <HeaderPane>
@@ -141,7 +143,7 @@ function ChangeSponsor({ onDone }) {
141143 disabled={inputsLocked}
142144 label="New sponsor"
143145 className="mv4"
144− size={2}
146+ size={size}
145147 />
146148 <Grid.Item full as={FormError} />
147149 {point.isL2 ? (
@@ -171,9 +173,9 @@ function ChangeSponsor({ onDone }) {
171173}
172174
173175function useCancelEscape() {
174− const { contracts } = useNetwork();
175− const { pointCursor } = usePointCursor();
176− const { syncExtras } = usePointCache();
176+ const { contracts }: any = useNetwork();
177+ const { pointCursor }: any = usePointCursor();
178+ const { syncExtras }: any = usePointCache();
177179
178180 const _contracts = need.contracts(contracts);
179181 const point = need.point(pointCursor);
@@ -187,11 +189,11 @@ function useCancelEscape() {
187189 );
188190}
189191
190−function CurrentEscape({ onDone }) {
192+function CurrentEscape({ onDone }: { onDone: Function }) {
191193 const { construct, bind } = useCancelEscape();
192194 const { point } = useRollerStore();
193195
194− const { pop } = useHistory();
196+ const { pop }: any = useHistory();
195197 const { cancelEscape, checkForUpdates } = useRoller();
196198 const {
197199 point: { isL2 },
@@ -205,14 +207,15 @@ function CurrentEscape({ onDone }) {
205207 }, [construct]);
206208
207209 const cancelRequest = useCallback(async () => {
208− if (newSponsor !== undefined) {
209− setLoading(true);
210− await cancelEscape(newSponsor);
211− checkForUpdates(point.value, `${point.patp}'s sponsor change cancelled`);
212− setLoading(false);
213− pop();
214− }
215− }, [point, newSponsor, cancelEscape, setLoading, checkForUpdates, pop]);
210+ setLoading(true);
211+ await cancelEscape();
212+ checkForUpdates({
213+ point: point.value,
214+ message: `${point.patp}'s sponsor change cancelled`,
215+ });
216+ setLoading(false);
217+ pop();
218+ }, [point, cancelEscape, setLoading, checkForUpdates, pop]);
216219
217220 const buttonText = 'Cancel Request';
218221
@@ -253,7 +256,7 @@ function CurrentEscape({ onDone }) {
253256}
254257
255258export default function UrbitOSChangeSponsor() {
256− const { pop } = useHistory();
259+ const { pop }: any = useHistory();
257260 const { point } = useRollerStore();
258261
259262 const [requested, setRequested] = useState(point.escapeRequested);