1
0
mirror of https://github.com/tabler/tabler.git synced 2026-08-07 03:42:27 +04:00
Files
tabler/shared/ui/Illustration.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

25 lines
756 B
Plaintext

---
import freeIllustrations from '@data/free-illustrations.json'
interface Props {
/** file name of the illustration, e.g. "boy-girl.svg" (the ".svg" suffix is stripped) */
image: string
height?: number | string
class?: string
}
const { image, height = 128, class: className } = Astro.props
const key = image.replaceAll('.svg', '')
const source = (freeIllustrations as { autodark: Record<string, string> }).autodark[key] ?? ''
const replaceTo = `<svg class="img${className ? ` ${className}` : ''}" `
let illustration = source.replaceAll('<svg ', replaceTo)
illustration = illustration.replaceAll('width="800" height="600"', `height="${height}"`)
---
<!-- BEGIN ILLUSTRATION -->
<Fragment set:html={illustration} />
<!-- END ILLUSTRATION -->