stroblmeandClaude Opus 5
d436597db9
Docs / docs (push) Successful in 22s
Playwright Tests / test-playwright (1, 2) (push) Successful in 3m14s
Playwright Tests / test-playwright (2, 2) (push) Successful in 1m41s
pre-commit / pre-commit (push) Failing after 2m29s
Test Backend / test-backend (push) Successful in 2m33s
Compose Smoke Test / test-compose (push) Successful in 37s
Playwright Tests / merge-reports (push) Successful in 1m8s
The loader carries its own role="status" and label, so the <output> around it was a second live region saying the same word. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01K1moruzue2kTJd3uVisgNk
21 lines
670 B
TypeScript
21 lines
670 B
TypeScript
import { FluksioLoader } from "@/components/ui/fluksio-loader"
|
|
|
|
/**
|
|
* The router's pending screen, shown while a page's code chunk is on its way.
|
|
*
|
|
* Deliberately only the spinner. The shell around it is already painted — this
|
|
* fills the content region alone — and the page behind it draws its own
|
|
* skeletons once its code arrives, so a second guess at that layout here would
|
|
* only be a shape to correct a moment later.
|
|
*/
|
|
export function PageLoading() {
|
|
return (
|
|
<div
|
|
data-testid="page-loading"
|
|
className="flex min-h-64 items-center justify-center"
|
|
>
|
|
<FluksioLoader className="size-6 text-muted-foreground" />
|
|
</div>
|
|
)
|
|
}
|