handy online tools for AT Protocol
boat.kelinci.net
atproto
bluesky
atcute
typescript
solidjs
fix: have the decency to put up a spinner
+26
-1
+26
-1
src/shell.tsx
+26
-1
src/shell.tsx
···
12
12
render={({ def }) => {
13
13
return (
14
14
<ErrorBoundary fallback={(error, reset) => <ErrorPage error={error} reset={reset} />}>
15
-
<Suspense>
15
+
<Suspense
16
+
fallback={
17
+
<div class="grid grow place-items-center">
18
+
<svg viewBox="0 0 32 32" class="animate-spin" style="height:24px;width:24px">
19
+
<circle
20
+
cx="16"
21
+
cy="16"
22
+
fill="none"
23
+
r="14"
24
+
stroke-width="4"
25
+
class="stroke-purple-600 opacity-20"
26
+
/>
27
+
<circle
28
+
cx="16"
29
+
cy="16"
30
+
fill="none"
31
+
r="14"
32
+
stroke-width="4"
33
+
stroke-dasharray="80px"
34
+
stroke-dashoffset="60px"
35
+
class="stroke-purple-600"
36
+
/>
37
+
</svg>
38
+
</div>
39
+
}
40
+
>
16
41
<def.component />
17
42
</Suspense>
18
43
</ErrorBoundary>