handy online tools for AT Protocol boat.kelinci.net
atproto bluesky atcute typescript solidjs
20
fork

Configure Feed

Select the types of activity you want to include in your feed.

fix: have the decency to put up a spinner

Mary b5fedc09 d6ce0cf0

+26 -1
+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>