handy online tools for AT Protocol
boat.kelinci.net
atproto
bluesky
atcute
typescript
solidjs
fix: block navigation on plc applicator
+16
-1
+16
-1
src/views/identity/plc-applicator.tsx
+16
-1
src/views/identity/plc-applicator.tsx
···
1
-
import { createEffect, createSignal, JSX, Match, Show, Switch } from 'solid-js';
1
+
import { createEffect, createSignal, JSX, Match, onCleanup, Show, Switch } from 'solid-js';
2
2
import { createMutable, unwrap } from 'solid-js/store';
3
3
4
4
import * as CBOR from '@atcute/cbor';
···
16
16
import { DidDocument, getPdsEndpoint } from '~/api/types/did-doc';
17
17
import { PlcLogEntry, PlcUpdateOp, PlcUpdatePayload, updatePayload } from '~/api/types/plc';
18
18
import { DID_OR_HANDLE_RE, isDid } from '~/api/utils/strings';
19
+
20
+
import { history } from '~/globals/navigation';
19
21
20
22
import { useTitle } from '~/lib/navigation/router';
21
23
import { assert } from '~/lib/utils/invariant';
···
50
52
}>({});
51
53
52
54
useTitle(() => `Apply PLC operations — boat`);
55
+
56
+
createEffect(() => {
57
+
const $step = step();
58
+
if ($step > 1 && $step < 6) {
59
+
const cleanup = history.block((tx) => {
60
+
if (window.confirm(`Abort this action?`)) {
61
+
tx.retry();
62
+
}
63
+
});
64
+
65
+
onCleanup(cleanup);
66
+
}
67
+
});
53
68
54
69
return (
55
70
<fieldset disabled={pending()} class="contents">