1
0
mirror of https://github.com/tabler/tabler.git synced 2026-08-07 03:42:27 +04:00
Files
tabler/shared/layouts/ErrorLayout.astro
codecalm f27c70ad38 Fix Prettier formatting regression and Astro type-check errors
`Render Modal as real markup` (#2742) reformatted ~140 files back to
tabs/semicolons, breaking the Prettier config added by the Astro
quality gates (#2749). Re-run prettier --write to restore it, and fix
the type errors it had been masking: HTMLElement casts and `this`
typing in ChangePasswordModalContent/ConfirmDeleteModalContent
scripts, plain-JS syntax in the inline-injected progress.astro script,
narrowed prop unions in Button/Check/Spinner, nullable icon svg casts
in Icons/Rating, and a duplicate firstLetters/invalid `placeholder`
attribute in Select.astro. Also fix shared/vitest.config.mts's stale
`astro/lib/**/*.test.ts` include glob left over from the shared source
restructure, which made `pnpm test` report zero test files.
2026-08-03 01:26:19 +02:00

35 lines
1.1 KiB
Plaintext

---
// Error page: border-top banner, centered Empty from errors.json (`pageError`).
import BaseLayout from './BaseLayout.astro'
import Empty from '@ui/Empty.astro'
import errors from '@data/errors.json'
interface Props {
title?: string
/** page-error front matter — key into errors.json ("404" | "500" | "maintenance" | …) */
pageError: string
}
const { title, pageError } = Astro.props
type ErrorEntry = {
illustration?: string
title?: string | number
header?: string
description?: string
}
const error = (errors as Record<string, ErrorEntry>)[pageError] ?? {}
const header = error.header ?? 'Oops… You just found an error page'
---
<BaseLayout title={title} bodyClass="border-top-wide border-primary">
<!-- BEGIN PAGE BODY -->
<div class="page page-center">
<div class="container-tight py-4">
<Empty icon="settings" illustration={error.illustration} iconText={error.title != null ? String(error.title) : undefined} title={header} subtitle={error.description} buttonIcon="arrow-left" buttonText="Take me home" />
</div>
</div>
<!-- END PAGE BODY -->
</BaseLayout>